Another Firefox div display question: Container won't contain

Ok, so my issue is that for some reason my div container won't contain its contents. It appears as I intend in IE, but for some reason my absolute positioning within my container div in FF seems to be ignoring the container and setting everything to the left. I've tried playing with the height of the container (removed the atribute, set it to more than the sum of its parts, set it to auto, and set it to 100% where it is now). No luck. Also have tried adding the clear div/br. Again, nothing.

Again, see IE to view the page as I intend, but please help me fix my code that apparently isn't following the rules.

Oh, and yeah, I know the menu/navbar is fubar. But I want to fix the overlap issue first.

One thing that I've pondered but haven't found anything on is whether z-index would/could affect whether the parent disassociates from its child or something...

see it at http://www.artjewl.com/jms/temp2.html

and the ugly borders and grey bkg are just for troubleshooting...

thanks,

Julie

 

Ok, that was quick and dirty, but it works on FF.

#container
{       position:relative;
         top:0;
	width: 775px;
	height:100%;
	overflow: hidden;
	margin: 0 auto;
        display:block;
	padding: 0px;
	text-align:left;
	border: 1px solid red;
	background-color: #fff;

}

Code (markup):

Now you can check by yourself in IE.

 

geez. Thanks so much! Now on to fix that damn navbar...

 

You got a hard work with the navbar.

Better go and check some the stuff at www.alistapart.com.

 

actually, sadly enough, that navbar *was* the suckerfish dropdown... don't know what happened...