Hello, this is my first message in this list, my name is Giovanni Intini and
I'm from Italy.
I have this markup:
<ul id="top-navigation">
<li id="fatture"><a href="#">Fatture</a></li>
<li id="clienti"><a href="#">Clienti</a></li>
<li id="banche"><a href="#">Banche</a></li>
</ul>
I use those links as site navigation tabs, with this css code:
#top-navigation {
list-style: none;
background: #1d1d1d;
padding: 20px 10px 6px 0;
margin: 0;
text-align: right;
}
#top-navigation li {
display: inline;
font-size: 12pt;
}
#top-navigation li a {
padding: 6px;
background: #252525;
color: #fbf7f7;
}
#top-navigation li a:HOVER {
background: #303030;
}
Now, the problem is in #top-navigation { padding }.
if I set the bottom padding to be 5px it displays correctly in firefox and
not in safari
(http://medlar.it/work/images/safari_notok.jpg |
http://medlar.it/work/images/firefox_ok.jpg).
If I set the bottom padding to be 6px it's the opposite (
http://medlar.it/work/images/safari_ok.jpg |
http://medlar.it/work/images/firefox_notok.jpg).
Am I doing something wrong or is this a known bug? (I think it should be me
doing something wrong :))
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
