Впервые сверстал сайт на <div>, вот его макет [Только зарегистрированные пользователи могут видеть ссылки. ] .
Возникла проблема. В Фоксе правый верхний угловой контейнер почему-то сдвинут влевао, хотя в ИЕ и Опере все ок, может, знаете в чем проблема?
На остальные недочеты прошу не обращать внимания, интересует сейчас именно этот вопрос. Заранее благодарен.
Вот код 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;
}
.lng, {
****color: #000000;
****font: 11px Verdana, Helvetica, sans-serif;
****margin-top: 7px;****
****margin-left: -6px;
****text-align: center;
}
#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{
****background: url(images/corner_2.gif) no-repeat;
****height : 60px;
****position: absolute;
****right : 0px;
****top: 0px;
****padding-left: 63px;
****padding-top: 15px;
****width : 141px;
}
#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;
}