CSS3 PIE Forums
http://css3pie.com/forum/

PIE and links in ie6
http://css3pie.com/forum/viewtopic.php?f=3&t=1231
Page 1 of 1

Author:  Shadow [ Thu Sep 15, 2011 9:08 am ]
Post subject:  PIE and links in ie6

Hi,
I have some tabs, which I am using pie to add rounded corners and a gradient. Its all great in ie7 and 8, but in ie6 the button is only clickable on the text, not the whole button.

If I remove PIE, the button behaves as expected.

I am using Beta 5

Here is the css and html.

Cheers

Charles

#navBar ul {
margin:0;
padding:0;
float:left;
display:block;
}

#navBar li {
list-style:none;
margin:0;
padding:0;
float:left;
display:block;
width:136px;
height:38px;
position:relative;
margin-right:12px;
}


#navBar li.last {
float:right;
margin:0;
}
#navBar li a {
line-height:40px;
width:136px;
height:38px;
float:left;
color:#000;
text-decoration:none;
font-size:15px;
display:block;
border-radius:10px 10px 0 0;
-webkit-border-top-right-radius:10px;
-webkit-border-top-left-radius:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-topleft:10px;
background:#d0d0d2;
/*Linear Gradient*/
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d0d0d2), to(#505151));
background: -webkit-linear-gradient(#d0d0d2, #505151);
background: -moz-linear-gradient(#d0d0d2, #505151);
background: -ms-linear-gradient(#d0d0d2, #505151);
background: -o-linear-gradient(#d0d0d2, #505151);
background: linear-gradient(#d0d0d2, #505151);
-pie-background: linear-gradient(#d0d0d2, #505151);
/*Shadow*/
-webkit-box-shadow: #666 0px 0px 5px;
-moz-box-shadow: #666 0px 0px 5px;
box-shadow: #666 0px 0px 5px;
border:#FFFFFF 1px solid;
border-bottom:none;
position:relative;
behavior: url(PIE.htc);
}

#navBar li a:hover, #navBar li a.currentPage {
line-height:40px;
color:#fff;
text-decoration:none;
font-size:15px;
display:block;
background-color:#0078c9;
/*Linear Gradient*/
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0078c9), to(#00456b));
background: -webkit-linear-gradient(#0078c9, #00456b);
background: -moz-linear-gradient(#0078c9, #00456b);
background: -ms-linear-gradient(#0078c9, #00456b);
background: -o-linear-gradient(#0078c9, #00456b);
background: linear-gradient(#0078c9, #00456b);
-pie-background: linear-gradient(#0078c9, #00456b);


HTML:

<div id="navBar">
<ul>
<li><a class="currentPage" href="#">Welcome</a></li>
<li><a href="#">Event Logistics</a></li>
<li><a href="#">Travel</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Registration</a></li>
<li class="last"><a href="#">Logout</a></li>
</ul>
</div>

Page 1 of 1 All times are UTC - 7 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/