I'm only seeing this issue in FireFox (Mac & PC)...
I have the following markup:
<div class="tableTabs">
<ul>
<li><a href="...">Tab 1</a></li>
<li><a href="...">Tab 2</a></li>
<li><a href="...">Tab 3</a></li>
</ul>
</div>
And the following related CSS:
* {
padding:0;
margin:0;
}
.tableTabs {
float:left;
padding:3px 6px 0px 0;
}
.tableTabs ul {
list-style:none;
}
.tableTabs li {
float:left;
}
.tableTabs li a {
display:block;
float:left;
padding:0 5px;
border-width:1px 1px 0 1px;
border-color:#7F82C7 #515492 #515492 #7F82C7;
border-style:solid;
}
Can someone tell me why there's an extra 3px or so of padding at the
bottom of the parent DIV...and only in FF? i'm using FireBug to try
and figure it out, but nothing is being inherited. I'm at a loss. Is
this a rendering bug possibly??
______________________________________________________________________
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/
