Я не понимаю, почему FF и Chrome отображают мою страницу по-разному. Здесь скринит его в
firefox: пример firefox http://grab.by/65Bn
и здесь один в хром
chrome: пример chrome http://grab.by/65BB
fieldset имеет относительное положение, и изображение имеет абсолютное положение.
здесь основная структура:
<fieldset class="passenger-info">
<legend>Passenger 1</legend>
<div class="remove-me">
<img src="/images/delete-icon-sm.png" />
</div>
</fieldset>
в основном изображение объявляется сразу после легенды.
здесь css для набора полей:
.passenger-info {
background:none repeat scroll 0 0 #F2F2F2;
border:1px solid #9D240F;
display:inline;
float:left;
margin-bottom:10px;
margin-right:10px;
padding:3px 10px;
position:relative;
width:350px;
}
и для изображения remove-me:
.remove-me {
border:1px solid red;
position:absolute;
right:0;
top:0;
}
Это совершенно странно. Я попытался выставить отладку поля, и изображение немного движется вверх, но все же не на углу.
Это сообщение показывает, что FF действительно имеет проблемы с рендерингом полей.
http://www.codingforums.com/showthread.php?t=132624
Есть ли лучший способ сделать исправление без использования конкретного браузера?