Question

Здравствуйте я новичок в веб дизайне и поэтому столкнулся с такой проблемой,во всех браузерах кроме мозилы нормально отображается картинки расположеные в div, а вот в мозиле почемуто они становятся меншего размера, все дивы в %

в хроме

а вот в мозиле непойму почему так 

Заранее спасибо!

<div id="osnova"><div id="bloktelo">
 <div id="pole"><div class="img"><a href="http://goodkinohd.ucoz.net/"><img src="http://goodkinohd.ucoz.net/kinopoisk.ru-A-zori-zdes-tihie-2580431-w-1280.jpg" width="100%" height="100%"></a></div></div>
 <div id="pole"><a href="http://goodkinohd.ucoz.net/"><img src="http://goodkinohd.ucoz.net/kinopoisk.ru-Focus-2532486-w-1280.jpg" width="100%" height="100%"></a></div>
 <div id="pole"><a href="http://goodkinohd.ucoz.net/"><img src="http://goodkinohd.ucoz.net/kinopoisk.ru-A-zori-zdes-tihie-2580431-w-1280.jpg" width="100%" height="100%"></a></div>
 <div id="pole"><a href="http://goodkinohd.ucoz.net/"><img src="http://goodkinohd.ucoz.net/kinopoisk.ru-Focus-2532486-w-1280.jpg" width="100%" height="100%"></a></div>
 </div>

#osnova{
 background: #fff;
 position: absolute;
 margin-top:402px;
 left:20%;
 width:60%;
 height: auto;
 float:left;
 
}
#bloktelo {
 background: #fff;
 position: relative;
 float:left;
 width: auto;
 height: 100%;
 margin:5px;
}
#pole {
 background: #fff;
 float:left;
 width: 50%;
}
#pole a {
 height: 240px;
 margin:10px;
 float:left;
}

.img a:hover {
opacity: 0.7;
cursor: pointer;
}

 

Answer 1

Во всех тэгах img уберите height.

Comments

Спасибо огромное!!!