No replies
ZenBug
ZenBug's picture
Offline
newbie
Toronto, Canada
Last seen: 11 years 28 weeks ago
Toronto, Canada
Timezone: GMT-4
Joined: 2004-10-06
Posts: 1
Points: 0

Hi.
I'm wondering why my boxes are overlapping. Check it out:
http://www.zenbug.com/temp/

See how the images in the footer overlap the text box? Should the footer ID be positioned absolutely? ...Relatively? ...Float maybe?

The CSS for the footer looks like this now:

#footer {
	position:relative;
	display: block;
	left: 5px;
	margin-left:0px;
	width: 730px;
	height: 100px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 100px;
	width: 730px;
}

For extra points, if someone can tell me how to ensure that the images will be right up to the edges of the background image (the shadows on the sides) that would be great. It looks good in most browsers, but on IE 6/Win98, the masthead image is moved one pixel to the left so there's a small white space between the right edge of the image and the shadow down the side.

Thanks for any help.