[thelist] Positioning graphics with CSS

[jblanchard at pocket.com]

Howdy group!

I am trying to position 2 graphics side by side with each other and
having problems getting the gap between them to close. Here is the CSS

/* header */
#header {
	position: fixed;
	background: transparent;
	padding: 0px;
}
#header div.left {
	background-image:
url(../grfx/1280_header_left_anim_out_only.gif);
	background-repeat: no-repeat;
	float: left;
	width: 270px;
	height: 165px;
	margin: 0px 0px 0px 0px;
}
#header div.right {
	background-image: url(../grfx/1280_header_right.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	height: 165px;
	padding: 0px 0px 0px 0px;
}

And here is the HTML

<div id="header">
	<div class="left"></div>
	<div class="right"></div>
</div><!-- /header -->

The image on the left is 270 px wide. The image on the right needs to
butt up against it. Can someone see the error of my ways and point it
out to me? There appears to be about a 5px gap between the images.