Weird html error

Question

У меня есть список ссылок, которые демонстрируют какое-то действительно странное поведение. Код:

<ul id="home" class="panel" title="title_here" selected="true"> 
    <li><a href="#search">Search for Name</a></li> 
    <li><a href="#browse">Browse by Department</a></li> 
</ul> 

Это часть сайта iPhone, использующая инфраструктуру iUI. Я знаю, что uiUI лучше, но моему боссу больше нравится внешний вид iUI, поэтому я должен использовать его. Эта структура работает с использованием атрибута 'selected = "true"' attr, а когда ссылка переводит вас на другой идентификатор, используется js для добавления 'selected = "true"' к идентификатору, на который вы ссылаетесь.

Моя проблема: Когда вы переходите по ссылке, а затем переходите 'назад', кликабельный раздел изменяется только на фоновое изображение ссылки, а не на весь 'li'. Вот css:

body > ul > li > a { 
display: block; 
margin: -8px 0 -8px -10px; 
padding: 8px 32px 8px 10px; 
text-decoration: none; 
color: inherit; 
background: url(listArrow.png) no-repeat right center; 
} 

Расширение фактического размера изображения (в PS, краске и т. Д.) Исправить это?

Answer 1

Если вы можете, избегайте отрицательных полей столько, сколько сможете. Они могут стать очень, очень противными.

Выстрелы в темноте:

• Вы создали любые стили для: ссылки, а: посетил, а: зависать? Если нет, то добавьте их к текущему стилю и снова проверить

Пример:

body > ul > li > a, 
body > ul > li > a:link, 
body > ul > li > a:visited, 
body > ul > li > a:hover, 
body > ul > li > a:active { 
    display: block; 
    margin: -8px 0 -8px -10px; 
    padding: 8px 32px 8px 10px; 
    text-decoration: none; 
    color: inherit; 
    background: url(listArrow.png) no-repeat right center; 
} 

• Попробуйте установить отступы к LI, вместо отрицательных полей для элементов а;

• Попробуйте установить фон LI вместо A, это позволяет дизайн, и избавиться от заполнения в A.

Мне кажется, что это на самом деле ошибка в iPhone/iUI; ясно, что он отлично работает один раз, но не следующий, там что-то смешное происходит там.