Using the code below the links navigation bar doesn't follow the header in Firefox, it overlaps it. Any ideas on how to solve this?
<style text="text/css">
body { padding:0; margin:0; }
#header {clear:both;width:100%;
}
</style>
<body>
<div id="header">
<div style="float:left; width:50%;">
<a href="index.php"><img src="/images/Logo.gif" border="0" alt="logo" /></a>
</div>
<div style="float:right; width:50%;">
<img src="/images/468x60.gif" border="0" alt="banner" />
</div>
</div>
<div style="border:1px solid #CCCCCC;text-align:center;width:100%;padding:0;margin:0;"> Links Navigation to go here</div>
<style text="text/css">
body { padding:0; margin:0; }
#header {clear:both;width:100%;
}
</style>
<body>
<div id="header">
<div style="float:left; width:50%;">
<a href="index.php"><img src="/images/Logo.gif" border="0" alt="logo" /></a>
</div>
<div style="float:right; width:50%;">
<img src="/images/468x60.gif" border="0" alt="banner" />
</div>
</div>
<div style="border:1px solid #CCCCCC;text-align:center;width:100%;padding:0;margin:0;"> Links Navigation to go here</div>