Div, отображающееся в другом месте в Chrome

Question

Я не могу разместить div в том же месте в Firefox и в Chrome. У меня есть DIV с этими свойствами на моем сайте (http://biabakery.site11.com/aboutbia.php):

#text3 { 
    width: 450px; 
    height: 200px; 
    text-align: justify; 
    float: left; 
    margin-top: 100px; 
    position: relative; 
    margin-left: 480px; 
    color: #EEE8AA; 
} 

Это третий текст DIV называется "The Store". В Firefox это выглядит хорошо, но в Chrome этого нет, и я не могу поставить его в том же положении.

Если я изменяю margin-left: 180px в Chrome, он отображается так, как я хочу, но не в Firefox.

Answer 1

Вы должны изменить HTML архитектуру вашего файла, вы можете сделать Juste repetetive Div блок, как это:

<div class="block"> 
<div class="block-images"><img src="" /></div> 
<div class="block-text"><p>Some Text....</p></div> 
</div> 

Это jsfiddle Exemple