Разница в отображении была из-за неверного доктайпа, хороший, кстати, пример для чего он нужен
И раз уж решили верстать слоями лучше переходить на XHTML…
Все ошибки исправлять не стал, соответствующей просьбы не было
Но переделал вывод языков, ибо Вы сказали, что верстка ДИВная, а не табличная, таблице там явно не место…
Стоит Вам поэксперементировать с padding`ами и шириной блока, увидите, что браузеры по разному себя ведут, это очень важно в ДИВ верстке.
Еще меня крайне смущает способ центрирования, попробуйте уменьшить окно браузера, и увидите, что часть контента уходит за нескроллируемй край.
HTML:
CSS:
Код:
*{
****margin: 0;
****padding: 0;
}
A:link {
****color: #000000;
****text-decoration: none;
}
A:visited {
****color: #555555;
****text-decoration: none; *
}
A:active, A:hover {
****color: #6d2c27;
****text-decoration: none;
}
BODY {
****background: #d9d3c2;
****margin: 0px;
****padding: 0px;
}
INPUT, TEXTAREA {
****background: #ffffff;
****border: #1C3C85 1px solid #000000;
****font: 12px Verdana, Helvetica, sans-serif;
****margin: 1px 2px;
}
#copy{
****color: #000000;
****font: 11px Verdana, Helvetica, sans-serif;
****left: 310px;
****letter-spacing: 1px;
****position: absolute;
****top: 530px;
}
#copy:hover {
****font-weight: bold;
}
#corner_1{
****background: url(images/corner_1.gif) no-repeat;
****height : 149px;
****left: 0px;
****position: absolute;
****top: 0px;
****width : 213px;
}
/* исправленное */
#corner_2 {
****float: *right;
****width: *141px;
****height: 60px;
****background: url(images/corner_2.gif) no-repeat;
****color: #000000;
****font: 11px Verdana, Helvetica, sans-serif;
}
#corner_2 div {
****padding: 16px 0px 0px 58px;
}
#corner_2 span {
****padding: 0px 4px;
}
/* ^^^^^^^^^^^^^^^^^^^^^^ */
#corner_3{
****background: url(images/corner_3.gif) no-repeat;
****bottom: 0px;
****height : 56px;
****left: 0px;
****position: absolute;
****width : 63px;
}
#corner_4{
****background: url(images/corner_4.gif) no-repeat;
****bottom: 0px;
****height : 165px;
****position: absolute;
****right: 0px;
****width : 140px;
}
#girl{
****background: url(images/girl.gif) no-repeat;
****height : 292px;
****left: 305px;
****position: absolute;
****top: 129px;
****width : 161px;
}
#menu{
****color: #000000;
****font: 12px Verdana, Helvetica, sans-serif;
****height : 150px;
****left: 500px;
****letter-spacing: 2px;
****line-height: 20px;
****position: absolute;
****top: 225px;
}
#parent{
****background: #fdf6e2;
****border: solid 1px;
****height: 550px;
****left: 50%;
****margin-left: -390px;
****margin-top: -275px;
****position: absolute;
****top: 50%;
****width : 780px;
}
#sitename{
****background: url(images/sitename_ru.gif) no-repeat;
****height : 40px;
****left: 60px;
****position: absolute;
****top: 253px;
****width : 214px;
}