MafishiosoMy top NAV MENU is not showing up in IE6. Apparently it is hiding behind the header background image. What's wrong? What should I do?
It's working perfectly in FF and Opera 9. Here's my site.
====================
Here's my header.php
.....</head>
<body class="custom">
<div class="header">
<div id="logo">
<div class="logo">
<a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?><img src="<?php bloginfo('stylesheet_directory');?>/images/madtomato_logo.gif" class="" alt="Mad Tomato" border="0" height="191" width="504" title="Mad Tomato" /></a></div>
<div class="tomatohead"><img src="<?php bloginfo('stylesheet_directory');?>/images/tomato_head.gif" class="" alt="tomato head" border="0" height="106" width="222" title="What's up?" /></div>
<?php if (is_home()) { ?>
<h1><?php bloginfo('description'); ?></h1>
<?php } else { ?>
<p id="tagline"><?php bloginfo('description'); ?></p>
<?php } ?>
</div>
</div>
<div id="container">
<div id="nav">
<ul>
<?php include (TEMPLATEPATH . '/nav_menu.php'); ?>
</ul>
</div>================
Here's the CSS:
/*---:[ nav menu styles ]:---*/
#nav { width: 72.8em; margin: -43px 0 50px 0; }
#nav ul { list-style: none; }
#nav ul li { font-size: 1.6em; float: left; }
#nav ul li a, #nav ul li a:visited { display: block; padding: 0.3125em 0.8125em 0.5em 0.8125em; color: #a90000; }
#nav ul li a:hover, #nav ul li a.current:hover { color: #fff !important; background: #a90000; text-decoration: none !important; }
#nav ul li a.current, #nav ul li a.current:visited { color: #a90000; text-decoration: underline; }PLEASE HELP. THANKS A LOT IN ADVANCE.
