Header and Nav Divs Separated

[klweb]

Does anyone know why the "header" and "nav" divs are separated on this page? After playing around with it for a while, I coded it the way I had earlier, when there was no gap. Now, somehow, there is. Not sure what I'm missing.

The page: DamonPlatisLaw.com

The css: damonplatislaw.com/style.css

I appreciate your time.

 

[klweb]

Well, it looks like I've solved it. For anyone else who might be running into this little issue, try adding this simple bit of code to your css file:

* { margin: 0}

Worked for me!

 

[darrenfox]

Just keep in mind that will set a margin 0 for everything including your paragraphs unless you specify one per item.

 

[PixelPusher]

Did that fix the problem? The divs don't look separated in FF3 and IE8. FYI, a global reset is a good idea but I dont use the asterisk (*) symbol. I usually add all the most common items I use when building a site. Then if they need to be different than the global just create a style for them. Like so:

html, body, div, a, span, ul, li, p {
   margin:0;
   padding:0;
}
p.specific {
   margin:10px 0 5px;
   padding:8px;
}