PIE does not work for hovering a masked menu
i am using HTC to mask my menu this way:
Code:
<div class="navi pie">
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</div>
Now i apply border-radius and pie.htc to .navi only:
Code:
.navi {
margin:40px 0 0 0;
width:670px;
background:#CCC;
height:50px;
overflow:hidden;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;}
.pie {
behavior: url([[uploads_url]]/template/scripts/PIE.htc);}
It works nice!
Attachment:
File comment: looks good
htc.png [12.64 KiB]
Not downloaded yet
except of when hovering the links. See screenshot attached please. any suggestions?!
Attachment:
File comment: hovering the right link
htc2.png [9.1 KiB]
Not downloaded yet
Forums
