Hi I have got the nice rounded corners tab effect using the css of the sliding doors technique, however I am unable to apply this when the tab is hovered over in IE here is my code: #subnav ul ,#subnav ul li { margin:0; padding:0; list-style:none; }
#subnav ul li { float:left; display: inline; padding:0 0 0 5px; margin-right:5px; }
#subnav ul li a { color:#FFF; font-size: 13px; padding:0px 5px 4px 0; display:block; }
#subnav ul li.SelectedTab, #subnav ul li:hover,#subnav ul li.iehover{ color:#000; text-decoration:none; font-size: 13px; background:url(css/menu/submenuleft_on.gif) no-repeat left top; font-weight:normal; font-family:"Times New Roman", Times, serif; }
#subnav ul li.SelectedTab a, #subnav ul li a:hover { color:#000; text-decoration:none; font-size: 13px; background:url(css/menu/submenuright_on.gif) no-repeat right top; font-weight:normal; font-family:"Times New Roman", Times, serif; }
#subnav ul li { color:#000; text-decoration:none; font-size: 13px; background:url(css/menu/submenuleft.gif) no-repeat left top; }
#subnav ul li a { color:#fff; text-decoration:none; font-size: 13px; background:url(css/menu/submenuright.gif) no-repeat right top; } it seems that the #subnav ul li.iehover is not working - is iehover assigned in the tab layout of the menu? if not, how do I achieve this effect on hover in ie? thanks |