ul li разлика при браузери

[MontefuckeR]

За първи път имам такъв проблем и незнам от какво идва трябва да изглежда като при ИЕ:

а това е под ФФ:

ХТМЛ:

<div id="profile_glaven">
<div class="profile_left">
<ul>
<li> <a href="">Бутон 1</a> </li>
<li> <a href="">Бутон 2</a> </li>
<li> <a href="">Бутон 3</a> </li>
<li> <a href="">Бутон 4</a> </li>
<li> <a href="">Бутон 5</a> </li>
</ul>
</div>

<div class="profile_center">
</div>

</div>

ЦСС:

#profile_glaven
{
width:450px;
height:auto;
margin-left:auto;
margin-right:auto;
background:red;
float:left;
}
#profile_glaven ul li
{
padding:0;
margin:0;
display:inline;
}
#profile_glaven ul li a
{
padding:5px;
color:#fff;
background: #000;
float:left;
width:70px;
margin-top:5px;
text-align:center;
}
#profile_glaven ul li a:hover
{
color:red;
}
#profile_glaven ul
{
margin:0;
}

.profile_left
{
width:70px;
height:auto;
float:left;
}
.profile_center
{
width:365px;
height:350px;
border:1px solid #c9c9c9;
float:left;
margin-top:5px;
}

 

[deam0n]

#profile_glaven
{
width:450px;
height:auto;
margin-left:auto;
margin-right:auto;
background:red;
float:left;
}
#profile_glaven ul li
{
padding:0;
margin:0;
display:inline;
}
#profile_glaven ul li a
{
padding:5px;
color:#fff;
background: #000;
float:left;
width:70px;
margin-top:5px;
text-align:center;
}
#profile_glaven ul li a:hover
{
color:red;
}
#profile_glaven ul
{
margin:0;
padding: 0;
}

.profile_left
{
width:70px;
height:auto;
float:left;
}
.profile_center
{
width:365px;
height:350px;
border:1px solid #c9c9c9;
float:left;
margin-top:5px;
}

 

[MontefuckeR]

Бе аз май това го оправих ама само остане като махна флоата на profile_glaven , background не се вижда вече.. ?