Есть такая странность. Не пойму как IE отображает это, ибо в FF и Opera все нормально. Код:
| Код | #nav_body{text-align:left; padding:5px 8px 5px 8px; background:url(../images/rep_1.jpg) repeat-y;}
#nav_footer{height:4px; margin-bottom:5px; background:url(../images/bot_2.jpg) no-repeat;}
#nav_letters{text-align:center; padding:10px 0 10px 0; background:url(../images/grad_21.jpg);}
ul{padding-left:7px; width:159px; list-style:none;}
li{padding-left:15px; text-align:left; background:url(../images/point_2.jpg) no-repeat 0;}
h2, h3, h4, h5{line-height:35px; color:#FFFFFF; font-size: 13px; text-align:center; font-weight:bold; background:url(../images/ket_2.jpg) no-repeat;}
.style3 {color: #555555; font-size: 11px; font-family: tahoma;}
|
| Код | <h2>НАВИГАЦИЯ</h2>
<div id="nav_body">
<ul class="style3">
<li><a href="">Пункт1</a></li>
<li><a href="">Пункт2</a></li>
<li><a href="">Пункт3</a></li>
</ul>
</div>
<div id="nav_footer"></div>
<h3>ПОПУЛЯРНОЕ</h3>
<div id="nav_body" class="style3">ПУНКТ</div>
<div id="nav_footer"></div>
|
Так вот, между блоками у меня задан промежуток в 5 пикселей. IE к этим 5 пикселям, вроде, прибаляет 4 пикселя высоты картинки. Когда я убирал фоновую картинку, то в IE расстояния как раз оставалось в 5px. Помогите, пожалуйста, сделать, чтобы и в IE отображалось нормально. СПАСИБО! |