[EMAIL PROTECTED] wrote: > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> > > > <html xmlns="http://www.w3.org/1999/xhtml"><head> > <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" > /><title>Test</title> > <style type="text/css"> > > * { border: 0; margin: 0; padding: 0; } body { font-family: > Verdana, Helvetica, Sans-Serif; font-size: .75em; } #menu { > background-color: #0f0; width: 900px; } #menu ul { padding: 2px; > position: relative; text-align: left; } > #menu ul li { display: inline; background-color: #000; > list-style: none; width: 150px; > height: 80px;; } > #menu ul li a { color: #aaa; font-weight: bold; line-height: > 2.8em; padding: 10px 20px; text-decoration: none; width: 100%; > height: 100%; } > #menu ul li a:hover { color: #fff; text-decoration: none; } > #menu ul li a:active { background-color: #a6e2a6; text-decoration: > none; } > #menu ul li.selected a { background-color: #FFF; color: #000; } > </style> > </head><body> > <div id="menu"> <ul> <li><a href="#">Home Page</a></li> <li><a > href="#">New Product</a></li> <li><a href="#">Specials</a></li> <li><a > href="#">My Account</a></li> <li><a href="#">Contact Us</a></li> </ul> > </div> > </body></html>
To get it working on FF2, IE7, IE6, Safari add the following to #menu ul li a { background-color: #000; ... ... } To optimize the code you can remove: #menu ul li a { width: 100%; //remove height: 100%; //remove ... ... } Also remove ALL the spaces between the li elements so that the spaces between the li elements in the browser display of IE7, FF2, FF3, Safari will disappear! Like David said i would not put fixed width and height on the li elements, since you can sort that out via the padding of the a element. regards, Jens ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/