Am just putting together the layout for a new site - almost there, but my main content text is displaying slightly too far down in IE(6) :
link here
The relevant CSS looks like :
#navcontainer ul
{
padding: 0 0 0 0px;
margin: 110px 0 10px 0px;
color: #999;
float: left;
width: 664px;
font-family: arial, helvetica, sans-serif;
font-size:12px;
display:inline;
position:relative;
text-align:center;
border-bottom: 2px solid #333333;
}
body {
color: #666;
background-color: #F9F9F9;
font-family: verdana, arial, helvetica, sans-serif;
font-size:12px;
margin: 0 0 0 0;
}
#wrapper {
position:relative;
width: 1000px;
margin: 10px auto 0 auto;
border-left: 0px solid #FFFFFF;
border-right: 0px solid #FFFFFF;
color:#873D32;
overflow: hidden;
background-image:url(../background.jpg);
background-repeat:no-repeat;
height:600px;
}
#mainContent {
color:#000000;
float:left;
display: inline;
width:664px;
margin-left:21px;
padding-left:0px;
margin-right:10px;
padding-right:0px;
margin-top:10px;
}
#mainContent h2, #mainContent h3, #mainContent p {
padding:0 10px 10px 18px;
}
#mainContent h1 {
margin-top:0px;
font-family: verdana, arial, helvetica, sans-serif;
font-size:18px;
color:#900111;
}
#sidebarright {
color:#873D32;
float:right;
display: inline;
width:258px;
margin-top:22px;
margin-bottom:0px;
margin-left:0px;
margin-right:21px;
padding:5px;
text-align:left;
}
If anyone can spot what needs changing / fixing to make the reduce the gap between the navigation and the main text to what it is in Firefox / Safari, that would be great.
Cheers.
