Question

UPDATE
It seems to have magically corrected itself because now it works, but I emphasize that it wasn’t a cache issue because even I was able to update with new images but they always appeared “below” rather than “next to”… I don’t understand…but suddenly it worked now.

if you check http://www.dodomainer.com in Safari and Chrome, the two images in the header float, but not in Firefox. Any idea how to fix this? Note, it’s definitely not this way in Firefox as a result of a cache

this is the code that I use. Any idea how to fix the problem?

<div class="header a"><a href="http://dodomainer.com/">
<img src="http://dodomainer.com/images/dodo4.jpg" width="400" height="50" padding-left="10px"  alt="dodobird" />
</a></div>

<div class="header b">
<a href="http://dodomainer.com/">
<img src="http://dodomainer.com/images/dodotest.jpg" width="380" height="70" padding-left="10px"  alt="dodobird" />
</a>
</div>

CSS

.header {  
    float: left;
    width: 400px;
}

 .a {
    height: 50px;   
}

 .b  {
    height: 70px;
    padding-left: 100px;
}

Answer 1

There is no problem to be fixed here.

Your code should work in all browsers. I checked in IE, FF, Opera (all latest though). All good.

There are just 2 child divs with float:left.