html "сползает" рамка изображение

KK
На сайте с 21.02.2013
Offline
6
766

Доброе утро, уважаемые форумчане.

Помогите, пожалуйста, решить вопрос. При тестировании сайта в Firefox на несколько пикселей вниз сползает рамка.

код:

<div id="incoterms" >

<p >

<a title="скачать" href="img/Incoterms/incoterms_2010_blank.jpg" target="_blank" >

<img width="271" height="70" border="1" src="img/Incoterms/incoterms_2010.jpg" />

</a>

</p>

</div>

css:

#incoterms {

float: left;

display: inline;

border-color:#959595;

}

#incoterms a {

border:0;

}

Q8
На сайте с 02.08.2012
Offline
31
#1

Вы бы лучше сайт показали. Бордер не пробовали перенести в родительский элемент (<p>)? И margin-padding-и обнулите для них на всякий случай, может где-то выше для изображений заданы дефолтные отступы

KK
На сайте с 21.02.2013
Offline
6
#2

Спасибо за рекомендации)

LovelAss
На сайте с 05.06.2009
Offline
96
#3

#incoterms p {

margin: 0;

}

#incoterms img {

vertical-align: top;

}

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий