Offset image in IE

[DeathRay2K]

An image in a div seems to be offset in IE (I have 7, so I don't know what it looks like in 6...)But it works fine in Firefox...Well, this is the site: http://www.d2kstudios.com/designs/designs/...20Blue/preview/And this is the CSS:

#logo { position: absolute; width: 100%; left: 0px; top: 0px; background-image: url(logobg.gif); }#divider { position: absolute; width: 100%; left: 0px; top: 90px; background-image: url(sbtopbg.gif); }#nav { position: absolute; min-height: 100%; left: 0px; top: 100px; background-image: url(sb.gif); background-repeat: repeat-y; }#content { padding: 20px; padding-left: 201px; }

And the HTML corresponding to it:

<div id="logo">	<img src="logo.jpg"></div><div id="divider">	<img src="sbtop.gif"></div><div id="nav">	<div id="content">  ...	</div></div>

[S@m]

Put this in your header:

<!--[if IE]><link rel="stylesheet" type="text/css" media="all" href="/css/style_for_IE.css" /><![endif]-->

Then in that style sheet have all of your settings for IE. That way everything will validate. Best advice is just trial and error for IE.