The SitePoint Forums have moved.

You can now find them here.
This forum is now closed to new posts, but you can browse existing content.
You can find out more information about the move and how to open a new account (if necessary) here.
If you get stuck you can get support by emailing forums@sitepoint.com

If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

IE5 whitespace around images

Hi,
I am trying to build a header for a page using css rather than tables, everything's cool in all browsers except IE5.x

I have a <div> for my header and I' trying to float an image against each side to give a rounded effect to the corners. There appears to a bit of whitespace appearing around my images in IE5.x and I'm having trouble getting them flush up against the edges of my <div> and the background color is visible to the left and right of each image respectively.

I've managed to get around this by placing two additional div's inside my header div and using each image as a backround rather that in-line, however I was wondering if any body knew why my original method below didn't work?

For simplicity I've

a) Put my styles in-line
b) Put in line breaks for readability, - I had all whitespace removed from my original as I read somewhere this could be a problem with IE5