Hide Navigation menu styled with PIE on IE7 nd IE8
Hi All
I´m building a responsive website, so i´m having some troubles in hiding a navigation menu in IE7/8.
My navigation menu have this code:
Code:
nav#main { width:980px; margin:0 auto; background:#29A9B6; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#29A9B6), to(#20848E)); background: -webkit-linear-gradient(top, #29A9B6, #20848E); background: -moz-linear-gradient(top, #29A9B6, #20848E); background: -ms-linear-gradient(top, #29A9B6, #20848E); background: -o-linear-gradient(top, #29A9B6, #20848E); -pie-background: linear-gradient(#29A9B6, #20848E); border-radius: 20px 20px 0px 0px; -webkit-border-radius: 20px 20px 0px 0px; -moz-border-radius: 20px 20px 0px 0px; height:50px; overflow:hidden; position:relative; letter-spacing:-1px;
border-bottom:#007488 1px solid; }
The problem is when i hide this navigation by applying
Code:
nav#main {display:none;}
IE7/8 keep showing me the blue background with the round corners. I tried to hide some other elements with this rule and it works fine. Is this something related with round corner? Any idea about this problem?
Many thanks in advance and sorry about my english!!!
Forums
