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