Hey,
I am trying to learn the exact behavior of CSS and was just placing a
couple of <div>'s after each other.
Each of the <divhas a <pwithin and some text within the <p>
Now when I add a background-color to the div, the color won't fill up
the entire space I believe it should. The div only has color around the
text though it has one line space to the above element. I hope it is
clear what I mean:
#navigation {background-color:#009933;}
#web_intro { background-color:#CC9933;}
<div id="navigation"><p>Home | Gigs | Audio | Community</p></div>
<div id="web_intro"><p>Again we've had a totally insane show last
night. Check the video here or get some audio pieces here</p></div>
I am wondering why this behavior happens (at least in FF 1.5 and Safari
2.0.4) - it seems that the <poverlays the <diveven though its a
child element.
Any advice would be apprechiated.
Best regards,
Nikolai