0

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!!

Edited by peter_budo: Keep It Organized - For easy readability, always wrap programming code within posts in [code] (code blocks)

2
Contributors
1
Reply
2
Views
7 Years
Discussion Span
Last Post by ko ko
This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.