Spacing problem with drop shadow images

[Vintage White]

Problem page:
<snip>

I'm trying to use CSS to control my drop shadow images but all browsers show gaps between the three shadow images. (I usually use HTML and tables for everything.) I can't seem to understand why it's not working this way though?

[edited by: swa66 at 12:00 pm (utc) on June 25, 2009]
[edit reason] No personal URLs please see ToS and forum charter [/edit]

[Vintage White]

I know the top and bottom images don't exactly reflect the correct dimensions.. I don't wish to edit those until I've solved the gap problem.

[marcel]

Hello Vintage_White, Welcome to Webmasterworld! [webmasterworld.com]

An easy way is to add a <br /> just befor the H1 and at the end of the content. ( both with the main container though)

Or you could change the default margins for your p and h1 to 0 , ie.

p, h1 {margin:0;}

(I've only tested these options in FireFox)ps. we are not permitted to post personal URLs here, it will most likely be removed soon, or you could edit your post to just show the code, see the posting guidelines [webmasterworld.com]

[Vintage White]

Thanks! Works great so far.

Sorry about the url. :]