Probléme ie largeur des <li> du sous menu

Bonjour,

Mon sous menu fonctionne correctement sur FF, chrome, ie8 sauf ie7.

le soucis se presente : sur ie7 les balises <li> du sous menu non pas la même largeur (largeur en fonction du texte cad si le titre est est long <li> a une largeur + si le titre de l'autre <li> est cout la largeur est courte)

j'espére être claire.

ceci est le code css :

/************ Sub Menu Start **********/

#a-tab-navigation {
list-style-type:none;
margin:0px;
padding:0px;
}
#a-tab-navigation li {
float:left;
text-decoration: none;
}
#a-tab-navigation li ul.sub-menu-navigation {
display: none;
background: none;
border: none;
left: -1px;
position: absolute;
top: 31px;
z-index:9999;
white-space:nowrap;

}

#a-tab-navigation li:hover ul.sub-menu-navigation,
#a-tab-navigation li a:hover ul.sub-menu-navigation{
display: block;

}
#a-tab-navigation li ul.sub-menu-navigation li {
float: left;
font-weight: normal;
margin:0px;
border-bottom:1px solid #FF6D91;
white-space:nowrap;
clear:both;
width:100%;background-color:#FF3366;
}

#a-tab-navigation li ul.sub-menu-navigation li a {

color: #fff;
display: inline-block;
text-decoration: none;
position:relative;
z-index:9999;
padding:5px 10px;
text-align:left;
height:auto;
margin:0;
float:left;
white-space:nowrap;
}
#a-tab-navigation li ul.sub-menu-navigation li a:hover {
color:#FF6D91;
text-decoration:none;
white-space:nowrap;
}
#a-area-header23 ul{
margin:0;
padding: 0;
float:left;
}
#a-area-header23 ul li{
float: left;
list-style: none outside none;
margin:0;
padding: 0;
text-align: center;
position:relative;
}

#a-area-header23 ul li a{
text-transform: capitalize;
color: #333333;
text-decoration: none;
font-size: 11px;
display: inline-block;
padding: 13px 12px 0px;
height: 20px;
}
#a-area-header23 ul li a:hover
{
background: #FF3366;
color: #FFFFFF;
}

#a-area-header23 ul li a.selected {
background: #FF3366;
color: #FFFFFF;
}

/************ end menu *************************/

Merci pour vos aides