IE Fix?

[Joe.Morgan]

Done this over and over and always seem to get problems with it in IE.

http://www.blue22.co.uk/john/index.html

I tried doing the image replacement with css but it caused even more problems.

html, body {
margin: 0;
padding: 0;
}

body {
font-family: Arial, Helvetica, Verdana, Sans-serif;
font-size: 12px;
color: #ffffff;
background: #ffffff;
}

.hidden {
display: none;
}

h1 {
margin: 0;
padding: 0;
}


#content h2 {
margin: 0;
padding: 0;
padding-bottom: 15px;
}

#content p {
margin: 0;
padding: 0;
padding-bottom: 15px;
}

#news .padding {
padding: 15px;
}

#content .padding {
padding: 25px;
}


#page-container {
width: 700px;
background: #1f4669;
margin: auto;
}

#address {
float: right;
width: 319px;
height: 64px;
background: #0d5085;
}

#header {
height: 64px;
float: left;
width: 381px;
background: #0d5085
url(../images/headleft.gif);
background-repeat: no-repeat;
text-decoration: none;
}

#sidenav {
float: right;
width: 135px;
height: 228px;
}

#image {

float: left;
width: 565px;
background: #0d5085
url(../images/image1.gif);
background-repeat: no-repeat;
text-decoration: none;
height: 228px;
}


#news {
float: right;
width: 166px;
line-height: 18px;
background: #1f4669;
}

#navigation {
background: #1f4669;
float: left;
width: 197px;
}


#content {
margin-right: 166px;
margin-left: 197px;
line-height: 18px;
background: #1f4669;
}


#footer {
clear: both;
background: #efa614;
height: 20px;
font-family: Tahoma, Arial, Helvetica, Sans-serif;
font-size: 12px;
text-align: centre;
border-top: 1px solid #efefef;
padding: 4px 2px;
color: #ffffff;

}

#footer a {
color: #0d5085;
text-decoration: none;
}

#footer a:hover {
color: #db6d16;
}

[Toon]

Which part isn't working (sorry don't have IE at the moment)

[Joe.Morgan]

the rollover links on thr right have spacing between them which then puts the right coloum out of position

ill take a screen dump 2 secs

[Kelly Creative]

You're going to do what on the screen!

[Joe.Morgan]

screenshot :single f:

[Kelly Creative]

have you tried adding margin: 0;
padding: 0; just to that style sheet?

[Joe.Morgan]

#navigation {
margin: 0;
padding: 0;
background: #1f4669;
float: left;
width: 197px;
}

???

yep tried that

[Keely Hope]

Are the images you're using bigger than the divs set width/height?

ie bigger than #sidenav {
float: right;
width: 135px;
height: 228px;
}

[Joe.Morgan]

nope

[Joe.Morgan]

im a willy blonka!