img выезжает из div!

[tarkinsky]

Помогите пожалуйста решить такую проблему верстки: Скрин проблемы....

Проблема что создан div, внутри него картинки, они же ссылки, нужно чтобы они растягивали div а не выезжали из него(.

вот код html:

...

<div id="ads_carrier">

<a href="../"><img class="ad_img" src="pics/ad_home.gif" /></a>

<a href="../"><img class="ad_img" src="pics/ad_bath.gif" /></a>

<a href="../"><img class="ad_img" src="pics/ad_room.gif" /></a>

<a href="../"><img class="ad_img" src="pics/ad_roof.gif" /></a>

</div>

...

и CSS:

...

#ads_carrier{

position: relative;

width: 100%;

clear: both;

padding-top: 1%;

padding-bottom: 2%;

}

#ads_carrier a{

display: block;

width: 194px;

height: 80px;

padding: 0px;

margin: 0px;

border: 0px;

border: 1px solid black;

float: left;

margin-left: 3%;

}

.ad_img{

width: 194px;

height: 80px;

}

...

Спасибо...

[Justnewone]

Родителю оверфлоу хидден, если нагуглите почему заработало - найдете еще немало лучших реализаций.

[tarkinsky]

Родителю оверфлоу хидден, если нагуглите почему заработало - найдете еще немало лучших реализаций.

Если поставлю родителю overflow: hidden; то изображений вообще видно не станет ... а мне нужно чтобы они внутри diva помещались.. а он соотвествтенно растягивался(((

[Justnewone]

тогда подскажу конечно, раз вам трудно самому 5 минут почитать.

следом за #ads_carrier a вставляйте спан дисплей блок и клиар

[ceil100]

Родителю оверфлоу хидден

родитель для ссылок -> #ads_carrier

зачем городить лишний код?

уберите картинки иэ ссылок и назначьте их фоном, а ссылкам флоат лефт

Edited November 6, 2011 by ceil100

[tarkinsky]

тогда подскажу конечно, раз вам трудно самому 5 минут почитать.

следом за #ads_carrier a вставляйте спан дисплей блок и клиар

Я вставил:

<div id="ads_carrier">

<span style="display: block; clear: both;">

<a href="../"><img class="ad_img" src="pics/ad_home.gif" /></a>

<a href="../"><img class="ad_img" src="pics/ad_bath.gif" /></a>

<a href="../"><img class="ad_img" src="pics/ad_room.gif" /></a>

<a href="../"><img class="ad_img" src="pics/ad_roof.gif" /></a>

</span>

</div>

Ничего не изменилось(((

Родителю оверфлоу хидден

родитель для ссылок -> #ads_carrier

зачем городить лишний код?

уберите картинки иэ ссылок и назначьте их фоном, а ссылкам флоат лефт

Я хочу потом чтобы они подсвечивались.. (вторую такую же картинку только яркую при наведении)

[ceil100]

пихайте вторую картинку в ховер