I am not that experienced in all of this, but learning....
I have done a CSS menu, and it appears to be working fine in all browsers except IE8 (I think)
I have added the meta tag... <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> but still doesn't work.
Can someone please help me!!
Menu html...
<div class="pd_menu_01 ">
<ul><li><a href="index.html">Home<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
<!--[if IE]></td></tr></table></a><![endif]--></li></ul>
<ul><li><a href="products.html">Products & Services<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
<ul>
<li><a href="quality.html" >Quality Assurance</a></li>
<li><a href="solutions.html" >Business Solutions</a></li>
<li><a href="specials.html" >Store Specials</a></li>
<li><a href="faq.html" class="lastone">Frequently Asked Questions</a></li>
</ul>
<!--[if IE]></td></tr></table></a><![endif]--></li></ul>
<ul><li><a href="education.html">Cartridge Education<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
<ul>
<li><a href="inkjet_care.html" >Inkjet Cartridge Care</a></li>
<li><a href="laser_care.html" >Laser Toner Cartridge Care</a></li>
<li><a href="facts.html" class="lastone">Facts About Ink & Paper</a></li>
</ul>
<!--[if IE]></td></tr></table></a><![endif]--></li></ul>
<ul><li><a href="green.html">Think Green<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
<!--[if IE]></td></tr></table></a><![endif]--></li></ul>
<ul><li><a href="quote.html">Get a Quote<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
<!--[if IE]></td></tr></table></a><![endif]--></li></ul>
<ul>
<li><a href="mailto:cmarshall@cartridgeworldbda.com">Contact Us</a>
<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if IE]><table><tr><td><![endif]-->
<!--[if IE]></td></tr></table></a><![endif]--></li></ul>
</div>
<a href="http://www.cartridgeworldusa.com " target="_blank"><img src="/images/american_flag.gif" alt="American Flag" width="50" height="30" align="right" /></a>Menu CSS...
<style type="text/css" media="screen">
.pd_menu_01 {float:left; padding:0; margin:0;color: #FFFFFF;background: #0055a5;width:100%; border:solid 1px #FFFFFF;clear:both;} /*Color navigation bar normal mode*/
.pd_menu_01 a, .pd_menu_01 a:visited {
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:bold;
font-size:12px;
color: #FFFFFF;
background-color: #0055a5;
text-decoration: none;
}
.pd_menu_01 ul {list-style-type:none;padding:0; margin:0;}
.pd_menu_01 ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px #FFFFFF; }
.pd_menu_01 ul li a {color: #FFFFFF;background: #0055a5;float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:30px; line-height:30px; padding:0 10px 0 10px; text-decoration:none; }
.pd_menu_01 ul li ul {display:none; border:none;color: #FFFFFF;background: #0055a5;}
.pd_menu_01 ul li:hover a {background-color:#d1d3d4; text-decoration:none; color:#000000;} /*Color main cells hovering mode*/
.pd_menu_01 ul li:hover ul {display:block; position:absolute; z-index:999; top:29px; margin-top:1px; left:0;}
.pd_menu_01 ul li:hover ul li a {display:block; width:12em; height:auto; line-height:1.3em; margin-left:-1px; padding:5px 10px 5px 10px; border-left:solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; background-color:#d1d3d4; color:#0055a5;} /*Color subcells normal mode*/
.pd_menu_01 ul li:hover ul li a:hover {background-color:#a7a9ac; text-decoration:none;color:#0055A5;} /*Color subcells hovering mode*/
.pd_menu_01 table {position:absolute; top:0; left:0; border-collapse:collapse;color: #FFFFFF;background: #0055a5;}
.pd_menu_01 ul li a:hover {background-color:#d1d3d4; text-decoration:none;color:#000000;} /*Color main cells hovering mode*/
.pd_menu_01 ul li a:hover ul {display:block; width:12em; position:absolute; z-index:999; top:29px; left:0; }
.pd_menu_01 ul li a:hover ul li a {display:block; width:12em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; background-color:#d1d3d4; color:#0055a5;} /*Color subcells normal mode*/
.pd_menu_01 ul li a:hover ul li a:hover {background-color:#a7a9ac; text-decoration:none;color:#0055A5;} /*Color subcells hovering mode*/
</style>HELP PLEASE!!
