I am working on a website that I want to adjust to the width of different browsers.
Everything seems to be functioning properly, except for the fact that the parent div containing the 100% width divs always appears around 5 pixels too tall. This is causing issues with the background color overflowing at the bottom.
Can anyone explain why this is happening? And how can I go about fixing it? :-)
Best regards, Jan
Here is the code snippet for the head section:
<style type="text/css">
body { background-color:#e7e3d7; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; }
.banner { width: 100%; }
</style>
Code for the body section:
<div style="background-color:#0000ff;">
<div><img class="banner" src="http://www.janriggert.com/images/footer.png"></div>
</div>
Are you noticing that blue line below the footer? It shouldn't be there... :-/