В IE разваливается меню

Код меню:

Цитата:

<?if (!empty($arResult)):?>
<div class="left-menu">

<?foreach($arResult as $arItem):?>
<?if($arItem["SELECTED"]):?>
[Only registered and activated users can see links. Click Here To Register...]
<?else:?>
[Only registered and activated users can see links. Click Here To Register...]
<?endif?>

<?endforeach?>

<?endif?>[/quote]

CSS:

Цитата:

/* Left menu*/
.left-menu
{
padding:0;
width:100%;
font-size:85%;
text-align:right;
margin-bottom:8px;
}

.left-menu ul
{
margin:0;
padding:0;
border-bottom:1px #799FC1 solid;
list-style-type: none;
}

div.left-menu ul li
{
border-top:1px #799FC1 solid;
background: #FFF;
margin:0;
padding:0;
position:relative;
}

div.left-menu ul li a
{
text-decoration: none;
color: #0060A0;
display:block;
padding:4px 8px;
cursor: pointer;
}

div.left-menu ul li a:visited
{
text-decoration: none;
color: #0060A0;
}

div.left-menu ul li a:hover
{
text-decoration: none;
color: #FF9600;
}
div.left-menu ul li a.selected:link,
div.left-menu ul li a.selected:visited,
div.left-menu ul li a.selected:active,
div.left-menu ul li a.selected:hover
{
color: #FF9600;
}

В FF и Opera все хорошо, а в IE7-8 меню разваливается. Если сделать display: inline-block, то все нормально но не так как хотелось бы. Хотелось бы что бы на пункт меню можно было нажать в любой точке этого пункта, а не только при нажатии на саму ссылку.

Что не так? Скажите пожалуйста!