I laid out a page with the markup, and just started formatting with
CSS. I have the page header positioned in CSS, and it looks fine in
Safari and Firefox on the Mac. In both IE6 & Firefox on the PC both
the header background and the menu do not appear. (I was surprised
that the problem exists in FF as well as IE). It has been a while
since I worked in CSS. The page can be seen at www.lifeonwheels.com/
beta/. Help pointing me in the right direction will be much
appreciated. The relevant CSS, is as follows:
/* CSS Document */
/*WRAPPER - encloses entire page*/
#pagewrapper {
position:relative;
min-width:600px;
max-width:910px;
width:100%;
margin-left:auto;
margin-right:auto;
margin-top:0;
text-align:left;
}
/*logo positioning*/
img#logo {
position:absolute;
top:3px;
z-index:10;
}
/*page heading*/
#header {
position:relative;
height:149px;
background-image:url(../images/banner.jpg);
background-repeat:no-repeat;
z-index:5;
left:-2px;
}
/*topmenu - ul menu in heading*/
#header ul {
position:relative;
font-size:90%;
font-weight:bold;
top:131px;
left:135px;
padding:0;
z-index:15;
}
#header li {
display:inline;
padding:0 8px;
}
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
