Проблема с дивами и картинкой

[N. Matveev 2]

Помогите плиз сижу туплю и никак не могу разобраться в чем причина

есть див и в нем другой с картинкой

  <div id="main">

    <div style="margin-left: 320px;"><img style="float: right;" src="/images/map.png" /></div>

  </div>

и стиль

#main {

	width: 971px;

	min-height: 400px;

	background-color: #ffffff;

	padding: 20px;

	border-right-width: 3px;

	border-right-style: solid;

	border-right-color: #abdb44;

	border-left-width: 10px;

	border-left-style: solid;

	border-left-color: #333333;

}

но картинка по вертикали вылазит за пределы слоя <div id="main">

в чем ошибка?

[alex32 934]

Это у вас из-за поплавка "float:right;". И к чему такие сложные конструкции. попробуйте так:

<div id="main">

 <div class="main">

<img src="/images/map.png" /></div>

</div>

#main {

width: 971px;

	    min-height:300px;

        background-color:#ffffff;

        padding: 20px;

        border-right: 3px solid #abdb44;

        border-left: 10px solid #333333;

}

.main{

margin-left:320px;

}

и позиционируйте не картинку а сам див .main, картинка же в нем находится

Изменено 26 июля 2011 пользователем alex32

[Critical Error 155]

в #main пропишите свойство overflow-y: hidden;