Товарищи, помогите пожалуйста решить проблему.. Есть набор пронумерованных ссылок, для которых подчеркивание делается с помощью точечного нижнего бордера:
| Код |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="ru" xmlns="http://www.w3.org/1999/xhtml" lang="ru"><head>
<meta http-equiv="X-UA-Compatible" content="IE=IE8">
<style>
.inside_section .pref {float:left;}
.inside_section .link_ {overflow:hidden;}
.link_ a {border-bottom:1px dotted; text-decoration:none;}
</style>
</head>
<body>
<table><tbody><tr>
<td style="padding-left: 10px; margin-right: 10px;" valign="top" width="203px">
<div class="inside_section"><div class="pref">1.1.1.</div><div class="link_"><a href="#" >Домашние животные. Общие темы</a></div></div>
<div class="inside_section"><div class="pref">1.1.2.</div><div class="link_"><a href="#" >Сайты о кошках</a></div></div>
<div class="inside_section"><div class="pref">1.1.3.</div><div class="link_"><a href="#" >Сайты о собаках</a></div></div>
<div class="inside_section"><div class="pref">1.1.4.</div><div class="link_"><a href="#" >Сайты о птицах</a></div></div>
<div class="inside_section"><div class="pref">1.1.5.</div><div class="link_"><a href="#" >Сайты о лошадях</a></div></div>
<div class="inside_section"><div class="pref">1.1.6.</div><div class="link_"><a href="#" >Сайты о декоративных зверьках</a></div></div>
</td></tr></tbody></table>
</body>
</html>
|
Проблема в том, что в Хроме, Опере и Сафари подчеркивание отрабатывается нормально, т.е. подчеркнут весь текст. А в FF и IE подчеркивается только первая строка многострочных ссылок. Если убрать overflow:hidden у блока, оборачивающего ссылку, то подчеркивание исправляется, но рушится обтекание :(
Заранее спасибо за совет..
|
