Image floating problem

align an img to right of div; issue in IE

[BaconSandwich]

Hello,

With the help of some CSS code from [snip], I have created a 3 column layout, with a top banner. What I would like to be able to achieve is to have the logo sit in the right-hand side of the banner, using the following code:

<a href="" title="Return to frontpage" ><img src="images/foot.gif" style="float:right" alt="LSUHC logo"></a>

However i've discovered that in IE, the background doesn't resize to cover the whole height of the image - [snip]. There is no issue in either Opera or Firefox.

So how do achieve the banner resizing to the correct height?

[snip]

Thanks in advance for any help!

Cheers,
JH

[edit: no urls, please. See CSS Forum Charter [webmasterworld.com] for details.]

[edited by: createErrorMsg at 4:05 pm (utc) on June 24, 2005]

[Sathallrin]

Use a fixed height for the div the whole banner is in, then use a height of 100% on the non floated section.