[css-d] Specifying a width for list items

[Mike Stickel]

I'm working on a new project and the horizontal navigation is a  
pretty strict size - each item should be about 88px wide so that the  
navigation fills the width of the page. I thought using a list would  
work but I can't figure out how to specify the width for list items  
and I'm hoping someone can shed some light on the subject for me.

HTML
<div id="mainnav">
    <ul>
        <li><a href="#" title="title">main</a></li>
        <li><a href="#" title="title">navigation</a></li>
        <li><a href="#" title="title">links</a></li>
    </ul>
</div>
CSS
#mainnav ul {
    margin: 1.2em auto;
    padding: 0;
    font: 1.3em/1em "Lucida Grande", "Lucida Sans Unicode", geneva,  
verdana, sans-serif;
    text-align: center;
}

#mainnav li a:link, #mainnav li a:visited {
    margin: 0 0.35em 0 0;
    padding: 0.65em 1.75em;
    color: #FFF;
    text-align: center;
    display: inline;
    text-decoration: none;
    background-color: #000;
}
#mainnav li {
    width: 88px;
    padding: 0;
    display: inline;
    border: 1px dashed #f00;
}
#mainnav li a:hover {
    background-color: #558EB6;
}
Mike Stickel
Screenflicker Developments
www.screenflicker.com
p: 403-923-7667
e: [EMAIL PROTECTED]
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/