[SOLVED] Z-Index under other...what am I doing wrong?

[mazman13]

www.michaelzavala.com/beta1

 

The logo is supposed to be underneath the drop down menu, and instead the top of the logo is being pushed down and starts at the bottom of the menu. I bet if I use absolute it would solve it, but I'd rather not use it cuz it won't fit with the different screen sizes right?

 

/* NAV / HEADER / LOGO STYLE */
#logo {
clear: left;
width: 233px;
height: 200px;
float: left;
display: block;
position: relative;
z-index: 5;
margin-top: 0px;

}

#nav_bar {
width: 100%;
height: 45px;
background-color: #000000;	
}
#nav_container {
	width: 900px;
	margin: 0px auto;
}

[gevans]

Give it a margin-top of -20px

 

 

 

or more/less?

[mazman13]

Sweet. No idea you could do neg. px.

 

Thanks!

[mazman13]

Well, the neg. px doesn't work in IE. Works GREAT in FF tho...any ideaS?

[.josh]

if the containing block is marked as position: relative, you can use absolute positioning for it and it will be relative to the containing element, not the overall page.

[mazman13]

Worked. Thanks!