Hi,
I'm having trouble getting a theme I'm designing for a package I'm using to work properly in IE. Here's a screen shot, with the offending area in turquoise:

no matter what I do, I can't get rid of that padding, which seems to be around the image.
Changing the padding properties for any of the divs seems to have failed. Is this an IE quirk that can be got around? Any ideas much appreciated.
the code is simple:
<body<?php
echo " $bodytags";
if ($focus) {
echo " onload=\"setfocus()\"";
};
?>>
<div id="page">
<?php if ($home) { // This is what gets printed on the home page only
?>
<div id="header-home" class="clearfix">
<!--<h1 class="headermain">
<?php echo $heading ?></h1>-->
<div class="headermenu"><?php echo $menu ?></div>
<a href="http://moodle.plumsteadmanor.com"><img src="<?php echo $CFG->wwwroot;?>/theme/chameleon/pix/pms_silver_2_02.jpg" alt="Home"></a>
</div>
<!--<div class="navbar clearfix">
</div>-->
and the CSS looks like this: (relevant tags are the last two)
div#header-home {
background-image: url(pix/pms_silver_2_03.jpg);
background-repeat: repeat-x;
margin: 0px;
padding: 0px;
background-color: #00ffff;
border-width: 1px;
border-style: solid;
border-color: #666666;
}
div#header {
padding: 0px;
background-image: url(pix/pms_silver_2_03.jpg);
background-repeat: repeat-x;
background-color: #aaaaaa;
border-color: #666666;
}