Обрезаются буллеты в ИЕ

[ITeshnik]

Шарада такая: если слово длинное и переноситься на другую строчку, то пропадает булет (где? да в любимой *И**Е)

Решение проблеммы пока ненашел, может вы чтонить подскажите?


HTML

<ul class="breadcrumb">
****[*][Только зарегистрированные пользователи могут видеть ссылки. ]
****[*][Только зарегистрированные пользователи могут видеть ссылки. ]
****[*][Только зарегистрированные пользователи могут видеть ссылки. ]
****[*][Только зарегистрированные пользователи могут видеть ссылки. ]
****[*][Только зарегистрированные пользователи могут видеть ссылки. ]
****[*][Только зарегистрированные пользователи могут видеть ссылки. ][/list]

CSS

.breadcrumb{
****width:300px;
****list-style:none;
}
.breadcrumb li{
****display:inline;
}
.breadcrumb li a{
****color:#ff7b00;
****padding:0 5px 0 12px;
****background:url(../images/bulet-circle4.gif) no-repeat 0 5px;
}
.breadcrumb li a:hover{
****background:url(../images/bulet-circle2.gif) no-repeat 0 5px;
****color:#cd3300;
****text-decoration:none;
}

Булеты в прикреплённых

[Aykroyd]

А вам обязательно надо, чтобы слова переносились?

[ITeshnik]

А вам обязательно надо, чтобы слова переносились?

В том-то и дело что надо...
Я уже подумал имаджами вставить... но хочеться решение на цсс...

[Aykroyd]

В таком случае я вынужден признать, что побороть этот баг в IE вряд ли представляется возможным. На самом деле это совсем не страшно, потому как более уродливое представление «хлебных крошек» (маркеры + переносы) трудно себе представить (субъективное мнение). Если цепочки ссылок получаются слишком длинными, их обычно обрезают средствами PHP (добавляют многоточия). Еще один неплохой вариант – альтернативная навигация в виде облака тэгов (если длина «хлебных крошек» зашкаливает).