Topic: Menu is not staying centered
or to be more accurate i should say I never got it centered. I can't figure out why.
here's the code for the menu
<body>
<div id="wrap">
<div id="logo">
<img src="./images/emlogo.gif" width="900" height="200" border="1" alt="EM Logo" />
</div>
<div id="menu">
<ul>
<li><a href="./about.php">Home</a></li>
<li><a href="./about.php">About Me</a></li>
<li><a href="./about.php">Books</a>
<ul>
<li><a href="./about.php">Book 1</a></li>
<li><a href="./about.php">Book 2</a></li>
</ul>
</li>
<li><a href="./about.php">Contact</a></li>
</ul>
</div>and here's a portion of the CSS
/* --- Main Menu - ala suckerish --- */
#menu {
background-color: #BA83A2;
width:902px; /*-two more than the wrapper-*/
text-align:center;
}
#menu ul {
list-style: none;
}
#menu li {
float: left;
}
#menu a {
display: block;
width: 5em;
}
/* child menu */
#menu li ul {
position: absolute;
width: 5em;
top: -999em;
left: -999em;
}
#menu li:hover ul, #menu li.hover ul {
top: auto;
left: auto;
}
/* --- Footer Menu --- */
#footer ul {
}
#footer li {
}
#footer li a {
}
#footer li a:active, #footer li a:focus, #footer li a:hover {
}is there any reason I'm missing why my menu looks like this: 
It's not live so I can't give a link but it's small so I can upload it to sendspace if you think it might be something in the entire CSS file.
Last edited by wolfkin (June 17, 2009 9:07 pm)
