CSS-позиционирование «Ошибка» в IE, Firefox

Question

Я довольно новичок в HTML/CSS, так что это может быть довольно простое исправление. Я разрабатываю/кодирую новый сайт моей компании (outofboundscreative.com/inprogress/index.html), и я столкнулся с тем, что, как я считаю, является последней проблемой в моем CSS для кросс-браузерной поддержки. В Safari, Chrome и Opera сегмент авторского права в нижнем колонтитуле позиционируется правильно, используя top: 10px; Однако, когда я смотрю на страницу в IE или Firefox, она вытесняет ее на 10 пикселей больше, чем требуется/нужна, а затем толкает div почти вне поля зрения. Я знаю, что в каждом браузере используется позиционирование: и отображение: немного по-другому, но это законно меня раздражает. Когда я делаю одно изменение, он отлично выглядит в IE/Firefox, но затем переводит div в область таблицы. Какие-либо предложения? Заранее благодарны за Вашу помощь.

Для справки, вот код обижая:

footer { 
left: 0; 
clear: both; 
width: 100%; 
height: 55px; 
bottom: 0px; 
cursor: default; 
display: block; 
z-index: 1000; 
overflow: hidden; 
position: fixed; 
background-color: rgba(0,0,0,.9); 
} 

#footer-line-left { 
top: 20px; 
right: 50%; 
float: left; 
clear: both; 
width: 1000%; 
height: 2px; 
position: absolute; 
margin-right: 220px; 
background-color: rgba(255,255,255,1); 
} 

#footer-line-right { 
top: 20px; 
left: 50%; 
float: left; 
clear: both; 
width: 1000%; 
height: 2px; 
position: absolute; 
margin-left: 220px; 
background-color: rgba(255,255,255,1); 
} 

table, tr, th { 
top: 5px; 
z-index: 1000; 
position: relative; 
font-size: 10pt; 
text-align: center; 
font-style: italic; 
font-weight: bold; 
font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif; 
margin-left: auto; 
margin-right: auto; 
} 

#copyright { 
top: 10px; 
color: #444; 
clear: both; 
width: 100%; 
display: block; 
position: relative; 
font-size: 11px; 
font-style: normal; 
text-align: center; 
font-family: Helvetica, Arial, sans-serif; 
margin-left: auto; 
margin-right: auto; 
} 

Answer 1

В вашем р теге нужно добавить поля и отступы:

<div id="copyright"> 
p { 
    display: block; 
    margin: 0; 
    padding: 0; 
}