내 div가 Firefox에서 정렬되지 않습니다 (Chrome 및 Safari에서 작동)

Question

나는 살 의지를 잃고 있습니다! 나는 아마추어 코더이므로 특별한 것은 아니지만 최선을 다하고 있습니다.

내가 여기 페이지가 크롬에서 http://www.simplypsychics.com/null/OnlineReaders.php

을, 그것을 작동합니다. Safari에서는 작동합니다. Firefox에서는 흰색 비트가 오른쪽으로 쏠립니다.

제 div가 이동 된 이유는 누구에게 알려주시겠습니까? 이 http://www.simplypsychics.com/null/OnlineReaders.css

Answer 1

당신이 선택에 clear: left; 대신 float: left를 사용해야합니다 :

이

내 CSS 코드 당신이 CSS 클래스 .readwhite에서 #feed li

Answer 2

을, 파이어 폭스에서 위치를 제거 : 절대;

그래서 .readwhite에 대한 CSS는

#feed .readerwhite { 
    background-color: #ffffff; 
    border-bottom-left-radius: 5px; 
    border-bottom-right-radius: 5px; 
    border-top-left-radius: 5px; 
    border-top-right-radius: 5px; 
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.18); 
    float: left; 
    height: 120px; 
    margin-left: 9px; 
    margin-top: -140px; 
    width: 246px; 
}