www.armissions.org/index2.php

Several issues:

1)I can't figure out why there is a horizontal scroll!? The blue bar is set for 100% on width, so I would think that it should resize to the page...

2) With IE, the blue and the yellow areas are seperated by a pixel even though the yellow is set for L=175px and the blue is L=176. Yet in Mozilla, they overlap by several pixels!


My CSS code looks like this:

/* CSS Document */
#nav {
position:absolute;
width:175px;
height:100%;
z-index:1;
background-color: #FFCC33;
border-right-width: 4px;
border-right-style: solid;
border-right-color: #000000;
left: 0px;
top: 0px;

}

#banner {
position:absolute;
left:176px;
top:0px;
width:100%;
height:150px;
z-index:2;
background-color: #33CCFF;
layer-background-color: #33CCFF;
}


Last of all, do I need the 'layer-background-color tags or Z-layers? And does it matter if the layer 'eye' is open or closed?

Thanks

Dave Anderson

Okay, so I figured out that if I change my #banner left: position to "0" and use a Z index of 1, that fixes issues 1 and 2. However, the banner now is about 10pixels too short on the right no matter what size the browser window is...

Due to the use of the Z-index, I think I've also answered my last question.

However, I'm still wondering why at 100% width, the banner is still too short with IE, but fine in Mozilla?

Thanks

Dave

Edited by - Dongle on 29 Oct 2003 17:38:45