Forum Moderators: not2easy
How to solve this
Tip: don't develop in IE, it messes with your head as you're coding around bugs. It's much easier doing it from the first try in e.g. Firefox, verify it's the same in Safari, opera etc. and only then work around the bugs in the different versions of IE using conditional comments.
<style type="text/css">
body
{
background-color:#FFFFFF;
margin:0;
padding:0;
height:100%;
}
#banner
{
width:870px;
height:90px;
margin:0;
padding:0;
background-image:url('kcimg2/head.gif');
background-color:red;
border:0;
}
#menudiv
{
width:870px;
height:35px;
margin:0px;
padding:0px;
background-image:url('kcimg2/menus.gif');
border:0px;
}
ul.menudivul
{
margin:0px;
padding:0px;
border:0px solid;
}
li.menulink
{
font-size:11px;
font-family:arial;
text-align:left;
display:inline;
color:#FFFFFF;
padding:0px;
margin:0px 0px 0px 22px;
text-transform:uppercase;
}
</style>
</head>
<body>
<div id="maindiv"><!--MAIN DIV START-->
<div id="banner"><!--BANNER DIV START-->
</div><!--BANNER DIV END-->
<div id="menudiv"><!--MENU DIV START-->
<ul class="menudivul">
<li class="menulink">link1</li>
<li class="menulink">link1</li>
<li class="menulink">link1</li>
<li class="menulink">link1</li>
<li class="menulink">link1</li>
<li class="menulink">link1</li>
<li class="menulink">link1</li>
<li class="menulink">link1</li>
<li class="menulink">link1</li>
<li class="menulink">link1</li>
<li class="menulink">link1</li>
</ul>
</div><!--MENU DIV END-->
<div style="height:20px;"></div><!--GAPS-->
</body>
</html>
