using span - float effect

[cssrules]

HI...

on my page there is a header 100% width....
I want to load 2 images, one on the left side and the other on the right...

I have used span.left and span.right elements, which work under Mozilla and IE5+...:

div#header {
....
width: 100%

}

div#header span.left{
float: left;
}

div#header span.right {
float: right;
}

There is a need to do the same thing on IE 4 (!?!?) but this browser seems to ignore the code above and just places the contents of the span.left element on the left side of the header...

How can i simulate this effect on IE4 as well, without having to use tables....?

Ok....if there is no other way (than to use tables) how can i emulate the cellpadding and cellspacing attributes? Without them IE misplaces the images in a table inside the header.

Can anyone help???

Thanx in advance!

[spoontacular]

IE4 has awful CSS support, so I doubt it..

You could do two 50% headers and put each image in each header?

[cssrules]

thanks for your tip....

i am going to use either your tip or a combination of a 100% div and a nested table with cellpadding-cellspacing attributes set to 0.

Thanx again!