Two images together side to side.

It lets a margin between them

[fischermx]

So, I have this code :

  <div style="float:left;"> 
    <img alt="logo" src="images/logo.gif" /> 
    <img alt="background" src="images/bkgd.gif" /> 
   </div> 

What I pretend is that logo aligns on the left and in the same row (both are same height) the background images aligns on the right with perfect fit.
However, both firefox and IE let a space of about 4 pixels between them.
I tried border set to none with same results.
How do I fix achive this?

[coho75]

Try putting the images on the same line in your file. Something like this:

<div style="float:left;">
<img alt="logo" src="images/logo.gif" /><img alt="background" src="images/bkgd.gif" />
</div>

This seems to have done the trick for me.

[Edouard_H]

Try applying style="float: left;" to the first image.

[fischermx]

Thanks a lot!