Hi Guys

I use Firefox as my browser to test all my work.

Here is situation where my website shows up perfectly in IE7 but not in Firefox ! In Firefox I get an annoying and space wasting gap of about 10 pixels between my browser window and the background to my header which I do not want.

All I want is my heading text in a large font with a colored background behind it. Here is my code. Any suggestions please ?

<div id="header">
<img src="http://www.webmaster-talk.com/images/silverfern.jpg" width="110" height="50" style="float:right;"/>
<h1>The New Desktop Coffee Mug Holder</h1>
</div>


h1 {
font-family:tubular, "comic sans ms", arial, sans-serif;
font-size:1.75em;
word-spacing:.25em;
letter-spacing:.0em;
padding-left:10px;
color:#000000CC;
}

Kind Regards
Digby

Have you got a URL ?
Have you zeroed out all margins and padding ?

As a general rule of thumb, I include this bit of css in EVERY webpage I make:

* {
margin: 0;
padding: 0;
}

This should probably help you fix your problem. If you'd prefer another method to fix this, this following code *should* work:

html, body {
margin: 0;
padding: 0;
}

HTH,
~Trey

Thanks Guys

I followed your first bit of code Trevk4 and that worked perfectly, which is sort of what you said LadyInRed.