[css-d] centering issue

[Tom Livingston]

Hello list,

Can't post a link right now, but given the following:

        nav{
            ul{
                width: 81.17021%;
                max-width: 940px;
                margin: 0 auto;
            }
            li{
                position: relative;
                display: block;
                background: #988780;
                width: 19.7903%;
                float: left;

                a{
                    position: relative;
                    display: table-cell;
                    font-size: 1.125rem;
                    line-height: 1.2;
                    height: 87px;
                    width: 100%;
                    padding: 0 25px;
                    margin: 0 auto;
                    vertical-align: middle;
                }
                li:hover{
                    background: #931a2d;
                }
            }

Why won't the 'a' fill (width:100%) its parent li or center (margin:0
auto;) in its parent li?

Thanks

-- 

Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com


#663399
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
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/