Firefox is not displaying entire sections

[dalekennedy]

Suddenly this week, Firefox no longer displays entire sections of my code. The page looks fine in Explorer. The page is www dot kennedywebdesign dot com/index.html.

[Erik J]

Hi dalekennedy, welcome to SitePoint!

Usually when browsers differ it is IE that is displaying things wrong according to the standard.

It is not necessary to position absolute the banner image to get it 100% wide. The paragraph element has different browser default margins.

Try remove the inline style and put these declarations in the css:

<p id="banner"><img alt="" src="gallery/GraftonBanner.jpg" height="183" width="800"></p>
<div id="header">
<div id="sitebranding">

#banner {
  margin: 0; /* reset default margins */
}
#banner img {
  width: 100%; /* overrides the image width attribute */
  height: 183px;
}
#header {
  padding: 15px;
  height: 80px;
}

[dalekennedy]

By pulling style arguments out of the html and putting them in the style sheet, the problem was solved. I am still puzzled why the site looked fine in Firefox until last week when it did an automatic update. I assume something in the update applied stricter rules to the interpretation of html vs. css.
Bottom line - Thank You very much!