firefox styling issues

[hedlikeahole]

Hi, please take a look at

www.viewfromathrone.com/flashpages/red/home.htm

in IE it looks fine, the 3 parts (with different backgrounds) sit together fine but in firefox i cant get them to marry up, there is a line between them, can anybody help please?

[Daniel T]

That's because the margin from the P's bleed outside of the div#backbody. I don't know of any good articles on the topic, I'm surprised ALA hasn't written one. But, basically, vertical margin's on blocklevel elements will bleed outside a containing blocklevel element, or into an adjacent margin from another blocklevel element. To fix, use padding:p {
margin: 0;
padding: 10px;
}

[LiLcRaZyFuZzY]

--sry, didnt see daniel answered :o

[hedlikeahole]

beauty! thanks a lot