Making site display correctly in IE

wordpress theme, css, IE

[PartisanEntity]

Hello everyone,

This issue is driving me nuts, I can't figure it out.

I made a custom theme for my wordpress blog, it looks quite nice in Firefox and Safari, but in IE I get a weird 8px gap between the header and the header-background image for the top of the container. Also, on single post pages I get the background image of my #mainwrap showing up in my footer and again some of the background image showing up on the right side.

If anyone has some time, I would really really really appreciate any help:

code coming soon

Thank you in advance!

[edited by: PartisanEntity at 7:59 am (utc) on Oct. 20, 2008]

[essiw]

don't know what the code is, but do you have margin="0px" and padding="0px" ?

[PartisanEntity]

body {
 margin:0;
 padding:0;
 background:#f3f3eb;
 color:#000;
 background-image: url('images/bgmain.jpg');
 font-family:"Bitstream Vera Sans", Verdana, Arial, sans-serif;
 min-width:700px;
 text-align:center; /* for IE as usual */
 }
#headerimg {
 width:100%;
 height:10px;
 background-image: url('images/bgu.jpg');
background-repeat:no-repeat;
 margin-top:20px;
background-color:#e1e1c0;
 }
#headerwrap {
 width:100%;
 padding:0px;
 margin-top:0;
 background:#e1e1c0;
 background-image: url('images/bg.jpg');
 background-repeat:repeat-y;
 }
#header {
 width:100%;
 }
#header .title, .title p, .title a:link, .title a:visited, .title a:hover, .title a:active{
 color:#789653;
 font-size:3px;
 text-decoration:none;
 padding:0;
 }

The xhtml looks like this:

<div id="wrap">
 <div id="headerimg">&nbsp;</div>
 
 <div id="headerwrap">
 
 <div id="header">
  <div class="title"><a href="#"><img src="/wp-content/themes/ccv4/images/cclogo.jpg" alt="#" title="#"/></a>
  </div>
 </div>
 </div>
 
 <div id="mainwrap">
 </div>
</div>

[edited by: swa66 at 4:13 pm (utc) on Oct. 20, 2008]
[edit reason] No personal URLs, please see charter. [/edit]