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

[AndViic]

Код меню:

<?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, то все нормально но не так как хотелось бы. Хотелось бы что бы на пункт меню можно было нажать в любой точке этого пункта, а не только при нажатии на саму ссылку.

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

[troxa]

Ух ты, Битрикс. Ну, вообще-то вопрос этот нужно было задавать в другой ветке.

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

Попробуйте вот так. Вот [Только зарегистрированные пользователи могут видеть ссылки. ] можете прочитать как сделать такое меню.