ссылки в Opera

[rash]

Имеется следующий код:

#content #transport {
 background: #C5C5C5;
 font-size: smaller;
 padding: 5px 0 7px 167px;
 list-style-type: none;
 margin-right: 50px;
}

#content #transport li {
 display: inline;
 margin-right: 1em;
}

#content #transport li a {
 color: #484848;
 position: relative;
}

 <ul id="transport">
 <li><a href="./index.php?id=23">Грузового и спец. автотранспорта</a></li>
 <li><a href="./index.php?id=24">Автобусов</a></li>
 <li><a href="./index.php?id=25">Легкового автотранспорта</a></li>
 <li><a href="./index.php?id=26">Пассажиров</a></li>
 </ul>

В Opera 9 все ОК, а в младших версиях ссылки недоступны...

Мыслей нет, как исправить...

Если нужны другие фрагменты кода - выложу...

[WM]

Что значит "недоступны"?

[Fu-tai]

Тоже не очень понял!

[rash]

не подчеркнуты и не "нажимаются".

Впрочем position: relative; и указание z-index вроде помогли, но надо еще протестировать...

Странно, другие браузеры в таком не нуждаются...

[WM]

Хм, у меня вышепривед?нный код нормально работает в Опере 8.51. В более ранних версиях проверить не могу.

rash, попробуй проверь такой код:

 <ul id="transport">
 <li><a href="index.php?id=23">Грузового и спец. автотранспорта</a></li>
 <li><a href="index.php?id=24">Автобусов</a></li>
 <li><a href="index.php?id=25">Легкового автотранспорта</a></li>
 <li><a href="index.php?id=26">Пассажиров</a></li>
 </ul>

[Fu-tai]

Мрачный полтергейст

[rash]

Такое ощущение, что ссылки чем-то перекрыты сверху, но не могу понять чем, и почему это только в Опере проявляется...

Приходится для нее в стилях прописывать лишний "мусор"...

[strix]

может, проблема из-за

#content #transport li {
 display: inline;
}

[rash]

Не знаю, но как иначе расположить пункты меню в строку?

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

Впрочем, там и в других местах такое было, так что вряд-ли дело именно в этой части кода...

Не сильно долго мучаясь все ссылки "поднял" с помощью z-index, ничего другого не помогало...

[WM]

Хех, не заметил отсутствие в коде элемента с id="content" и думал, что вс? нормально...

В общем, необходимо добавить text-decoration: underline; к элементу #content #transport li a

А меню в строку можно расположить с помощью float.