I'am trying to put an extra menu above the existing one, and have a background image at the same time... Works perfect in Firefox but in ie6 it only shows a small part of the image. Menu looks as it should in both Firefox and IE. Anyone here that can see what I am doing wrong? I can´t...
main.tpl:
<div id="brdheader" class="block">
<div class="box">
<div id="menucontainer">
<ul>
<li><a href="/index.php">News</a></li>
<li><a href="/forum/index.php">Forum</a></li>
<li><a href="movies.php">Movies</a></li>
<li><a href="links.php">Links</a></li>
<li><a href="info.php">What is this?</a></li>
</ul>
</div>
<div id="brdtitle" class="inbox">
</div>
<pun_navlinks>
<pun_status>bg image (in the forums style sheet)
#brdheader .box #brdtitle{background: #fff url(../../img/CrystalBlue/logo.gif) center; height: 143px; }menu code (in the forums style sheet)
/* menu*/
#menucontainer ul {font-weight: bold; width: 595px; float: right; margin: 0; padding: 0 0 0 1em; background: #2f6b42;}
#menucontainer li {font-weight: bold; background: #2f6b42; float: left; display: inline; margin-right: 1em; padding: 0.3em 0;}
#menucontainer ul a {text-decoration: none; padding: 0.3em 1em;}
#menucontainer a:link {color: #f1f1f1;}
#menucontainer a:visited {color: #f1f1f1;}
#menucontainer a:hover {background: #f1f1f1; color: #000;}
