Сайт http://www.chp-rock.ru я не делала. Но по просьбе друзей добавляла в него текст-фото-видео. Еще две недели назад все работало нормально, а сейчас почему-то в Opera низ страницы начал съезжать (это хорошо видно в разделе видео и фото).
В Explorer все по-прежнему работает нормально.

Возможно, что проблема в style.css (внизу полная его копия).

Если кто знает, из-за чего это происходит, подскажите как исправить :cry:


/* CSS Document */
body{
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
background-image: url(img/design/middlebg.jpg);
background-position: center;
background-repeat: repeat-y;
background-color: #f9f2e0;
}
table{
margin: 0px;
padding: 0px;
border: 0px;
}
img {
border: none;
}
td{
margin: 0px;
padding: 0px;
border: 0px;
vertical-align: top;
}
p {
text-align: left;
padding: 10px 21px 5px 33px;
margin: 0px;
font-size: 14px;
line-height: 22px;
clear: both;
}
p a:link,p a:visited,p a:active{
color: #141f6d;
text-decoration: none;
}
p a:hover{
color: #141f6d;
text-decoration: underline;
}
h3 {
text-align: left;
padding: 10px 21px 5px 33px;
margin: 0px;
font-size: 18px;
line-height: 22px;
clear: both;
}
.pict {
margin: 5px 15px 5px 0px;
}
.image {
width: 134px;
height: 135px;
float: left;
margin: 0px;
padding: 0px;
}
.gallery {
width: 536px;
padding: 0px;
margin: 10px -2px 0px 2px;
}
.photoframe {
border: 1px solid #2d1b0b;
}
.top {
width: 798px;
background-image: url(img/design/topbg.jpg);
background-repeat: no-repeat;
background-position: center top;
}
.topcont {
width: 798px;
text-align: center;
}
.logo {
margin: 209px 0px 5px 0px;
right: 255px;
}
.contbg {
width: 798px;
height: 100px;
}
.topshadow {
}
.cont {
width: 594px;
height: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.contfoot {
width: 594px;
height: 72px;
top: 0px;
position: relative;
margin: -72px 0px 0px 0px;
}
.contfootbg {
background-image: url(img/design/contfootbg.png);
background-repeat: no-repeat;
background-position: center bottom;
width: 594px;
height: 100%;
vertical-align: bottom;
}
.footer {
height: 60px;
text-align: center;
padding: 5px 0px 27px 0px;
}
.footnav {
height: 28px;
width: 594px;
}
.copy1 {
text-align: left;
float: left;
color: #35332e;
font-size: 9px;
font-weight: bold;
padding: 30px;
}
.copy1 a:link,.copy1 a:visited,.copy1 a:active{
color: #35332e;
text-decoration: none;
}
.copy1 a:hover{
color: #35332e;
text-decoration: underline;
}
.copy2 {
text-align: right;
float: right;
color: #35332e;
font-size: 9px;
font-weight: bold;
padding: 30px;
}
.copy2 a:link,.copy2 a:visited,.copy2 a:active{
color: #35332e;
text-decoration: none;
}
.copy2 a:hover{
color: #35332e;
text-decoration: underline;
}
.middle {
height: 100%;
width: 100%;
text-align: center;
}
.midbg {
background-image: url(img/design/contbg.jpg);
background-position: center top;
background-repeat: repeat-y;
width: 594px;
height: 100%;
}
.midcell {
text-align: center;
}
.space {
height: 50px;
clear: both;
}
.clear {
height: 10px;
clear: both;
}
.film {
background-image: url(img/design/film.gif);
background-repeat: no-repeat;
background-position: 12px;
height: 286px;
clear: both;
padding: 0px 0px 0px 48px;
}
.small {
padding: 2px 0px;
float: left;
height: 80px;
width: 125px;
margin-top: 103px;
margin-right: 0px;
margin-bottom: 100px;
margin-left: 0px;
text-align: center;
}

.p2 {
text-align: left;
padding: 10px 0px 10px 10px;
margin: 0px;
font-size: 14px;
line-height: 25px;
text-align: justify;


}

.p3 {
text-align: left;
padding: 10px 0px 10px 10px;
margin: 0px;
font-size: 14px;
line-height: 22px;
text-align: justify;


}

.setka {background-image: url("img/design/setka.gif");}


.klipp {font-size: 14px; color: #000000; line-height: 22px;}

A.menu3:link {font-size: 14px; color: #000000; line-height: 22px; text-decoration: underline;}
A.menu3:visited {font-size: 14px; color: #000000; line-height: 22px; text-decoration: underline;}
A.menu3:hover {font-size: 14px; color: #B1893B; line-height: 22px; text-decoration: none;}