[Вопрос]

Всем привет

создал меню на css. первый пункт упорно не заливается окраской установленной в background-color, только до середины.

при горизонтальном меню все было замечательно, на вертикальном только. в коде ничего отличного от других пунктов списка нет, все идентично.

наблюдается только в опере. файрфокс и ишак отображают правильно.

из-за чего это может быть?

из-за ошибки в высоте строки например
код покажи

Оффтоп

/*навигация*/
ul#mainNav {position:relative; left:-25px; font-weight:bold; margin:0px; padding:0; list-style:none;  float:left; margin-bottom:10px; width:250px;} 
#mainNav a {color:#000; font-size:0.8em; text-transform:uppercase; text-decoration:none; border:1px solid #999; border-left:10px #999 solid; padding:10px; display:block; background-color:#fff; background-repeat:no-repeat; margin:10px;} 
#mainNav a:hover {font-weight:bold; background:#FF6; color:#00F; border-left:10px #000 solid;}

  <div>
    <ul id="mainNav">

      <li><a href="index.html">###</a></li>
      <li><a href="index.html">###</a></li>
      <li><a href="index.html">###</a></li>
      <li><a href="index.html">###</a></li>
      <li><a href="index.html">###</a></li>
      <li><a href="index.html">###</a></li>
      <li><a href="index.html">###</a></li>
      <li><a href="index.html">###</a></li>
    </ul>
  </div>

да фиг его знает, в высоте ли дело. я же написал: ошибка только в опере№10. файфокс/ишак корректно отображают.