Your problem with the menu in IE is IE's broken box model. You've to 10px padding on the right and left of a 40px width menu area. IE ADDS the 20px of padding to the 40px area you want, making them wider. In your hacks at the bottom of your css, you need to LOWER those numbers like so:
Quote:
* html #sitenav li a {
width: 20px;
}
* html #sitenav li#n-members a {
width: 62px;
}
* html #sitenav li#n-com a {
width: 71px;
}
* html #sitenav li#n-links a {
width: 61px;
}
|
You also need to dump the table, you don't need it. You can get a centered fixed width layout by adding a 'wrapper' to your code:
Quote:
#wrapper{
position: relative;
text-align: left;
width: 776px;
margin: 0 auto;
}
|
Then add <div id="wrapper"> before your <div id="hdr"> and close the wrapper before you </body>. To center it in IE, add text-align: center to your body rules.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
Please login or register to view this content. Registration is FREE
Please login or register to view this content. Registration is FREE
|
