Forum Moderators: not2easy
In IE6 the "Products" button appears twice. I know that this is because the link to products is listed, and then the IE6 makes another one. Only the one IE6 condition forms has the drop down menu working properly. So how do I make it so that that the button that appears to work in Firefox and IE7 will disappear in IE6?
Doc info:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
Code:
<div class="menu">
<ul>
<li><a href="/product.htm" id="products" title="Products"> </a>
<!--[if lte IE 6]><a href="../product.htm" id="products"> <table><tr><td><![endif]-->
<ul>
<li><a href="/products/link.htm">Link</a></li>
<li><a href="/products/link.htm">Link</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="/about.htm" id="about" title="About Us"></a></li>
<li><a href="/media.htm" id="media" title="Media and Testimonials"></a></li>
<li><a href="/faq.htm" id="faqs" title="Frequently Asked Questions"></a></li>
</ul>
</div>
Here is my css for my menu and the products button on the navigation:
.menu {width: 264px; height: 288px; position:relative; background-image:url(../images/navbg.png); background-repeat:no-repeat;}
a#products {behavior: url(iepngfix.htc); background:url(../images/navigation/products_up.png) no-repeat; display: block; width: 192px; height: 35px;}
a:hover#products {behavior: url(iepngfix.htc); background:url(../images/navigation/products_down.png); no-repeat;}
If the drop down css style sheets are relevant, I will post them as well. (I have a style sheet for ie, and one for everything else)
Thank you!
I ended up making a "products2" and positioning it with margins so it went directly over the "original." That was a "for today" fix. I'll definitely check these links out and see if something more acceptable crops up (and thanks for giving me something new to search. I've been paranoid the answer is super easy and I have just been putting in the wrong keywords)
