[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/
