[CSS][HTML]Padding nie działa w li Opcje

[matysek83]

[HTML] pobierz, plaintext 
<style type="text/css">
div#bialy_srodek ul
{
margin-left: 10px;
list-style-type: none;
padding: 0;
display: block;
 
}
 
div#bialy_srodek ul li
{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
float: left;
border-bottom: 5px solid #f1f1f1;
padding: -15px 8px 20px 7px;
 
}
 
li:hover
{
color: #9f9f9f;
border-bottom: solid 5px #0099ff;
}
 
div#bialy_srodek a
{
text-decoration: none;
display: block;
 
}
 
div#bialy_srodek a:hover
{
color: #9f9f9f;
}
</style>
 
 
<ul>
<a href="#"><li> HOMEPAGE </li></a>
<a href="#"><li> STYLE DEMO </li></a>
<a href="#"><li> FULL WIDTH </li></a>
<a href="#"><li> DROPDOWN </li></a>
<a href="#"><li> GALLERY </li></a>
<a href="#"><li> PORTFOLIO </li></a>
<a href="#"><li> LINK TEKST </li></a>
<a href="#"><li> LONG LINK TEKST </li></a>
</ul>
[HTML] pobierz, plaintext 

Mam taki kod. Po wpisaniu paddingu w li w Dreamweaver na podglądzie wszystko działa ok, natomiast w przeglądarkach wszystko jest zciśnięte. Proszę o pomoc.