Различия с отображением браузера

Question

Я сделал свой сайт полностью поддерживающим Google Chrome вместо Firefox или IE. Позвоните мне, потому что теперь я обнаружил, что это не очень умно: мой сайт выглядит совершенно по-другому в Firefox.

Не существует больших различий, но многие элементы неуместны с несколькими пикселями. Это звучит не так плохо, но это так. Например, так Chrome показывает страницу (см. Красную кнопку): http://d.pr/i/YNha и вот: http://d.pr/i/8YZO - это то, как Firefox показывает страницу. Как вы видите, есть несколько отличий от положения изображения.

Я действительно не знаю, что вызывает это, и я уже искал в Интернете подобные проблемы, не найдя решения.

Это CSS, который используется для изображения:

.img (
margin-top: -130px; 
margin-left: 520px; 
} 

Любая помощь будет оценена.

UPDATE HTML & CSS:

<div style="background-image: url(http://linehotel.org/c_images/veiling_item.png);     height: 401px; border-radius: 10px;"> 

    <div style="color: white; padding: 12px;"> 
    <center><img src="/c_images/veiling_teas.gif" /></center> 

    <img src="/c_images/bod_teas.gif" /><br> 
    <h1> 
    <div style="z-index:1;width: 64px; height: 96px; float: left; margin-top: -25px; background: url(http://habbo.it/habbo-imaging/avatarimage?figure=sh-295-85.hr-802-31.ch-3015-82.hd-180-2.lg-275-92&amp;gesture=sml&amp;size=b&amp;img_format=gif);"></div> 
    Xice:    <br>0 credits</h1> 
    <a href="/bied-mee"><img src="/c_images/closed.png" style="margin-top: -130px; margin-left: 520px;" /></a> 
    </div> 
    </div> 
    <meta http-equiv="refresh" content="5;URL='/veiling'"> 
    <center><font size="1px"><i>De pagina update in real-time. Je hoeft zelf niet de pagina te herladen.</font></i></center> 

Answer 1

С отсутствием информации это не является окончательным, но вот мой ответ.

Браузеры используют разные значения по умолчанию для полей, прокладок и других стилей css. Чтобы помочь вашему сайту сделать то же самое в каждом браузере, вы можете попробовать использовать reset css. Вот пример:

* { 
    padding: 0px; 
    margin: 0px; 
    font-size: 12px; 
    font-family: "Trebuchet MS" 
} 

Это установит значения для каждого элемента на экране, фактически игнорируя любые значения по умолчанию для браузера. Тогда любой класс и встроенный стиль переопределяют их по очереди.

Для более длительного сброса стилей, посмотрите здесь, http://www.cssreset.com/