DIV header problem in BLIX template

I’m having a problem with my site displaying differently between IE and FirefoxI’m having a problem with my site displaying differently between IE and Firefox. Here is the site: https://www.kathiandbrian.com/blog

You need to reload the page a few times because I have a random image in the header. In Firefox, when the random image appears at the top, the search area is shifted to the left. When no image loads (if is a bug in the random image plugin), it loads fine. In IE, there are no problems.

Here is the modification I have made to the template. I added DIVs around the header and the random image (not sure if there is a better way)

<!– header …………………………… –>
<div id=”header”>
<div id=”title”><h1>“><?php bloginfo(‘name’); ?></h1></div>
<div id=”randomimage”><img src=”<?php random_banner(); ?>” /></div>
</div> <!– /header –>

and the layout.css

#header #title {
position:relative;
float:left;
padding-top:50px;
}

#header #randomimage {
position:relative;
float:right;
}