Below is the tested and working css styles for Mozilla, IE6.0, and opera..If you have problems with ie7.0, just put a condition statement. We don’t really need absolute positioning to achieve this result, but i didn’t get time to look at your codes in depth, so am sending you the solution i could think of.
#mainnav {
height: 94px;
width: 760px;
background-image: url(img/logo2.jpg);
background-repeat: no-repeat;
background-position: right bottom;
margin: 16px 0 0px 197px;
position:relative;
}
#mainmenu {
margin: 0px;
padding:0;
list-style: none;
clear: both;
position:absolute;
width:100%;
bottom:8px !Important;
bottom:3px;
}
it works on me, I’ve got encounter same problem. Thanks for posting this code :)