Код меню:

<?if (!empty($arResult)):?>
<div class="left-menu">
  • <?foreach($arResult as $arItem):?>
    <?if($arItem["SELECTED"]):?>
  • [Только зарегистрированные пользователи могут видеть ссылки. ]
    <?else:?>
  • [Только зарегистрированные пользователи могут видеть ссылки. ]
    <?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, то все нормально но не так как хотелось бы. Хотелось бы что бы на пункт меню можно было нажать в любой точке этого пункта, а не только при нажатии на саму ссылку.

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