рястягивание изображения

пытаюсь залить фон градиентом при помощи такого кода.

 body {background: url('/userdir/1/6/7/3/1673245/67240253.jpg') repeat-x !important; padding: 0 !important; -o-background-size:100% 100% !important; -webkit-background-size: 100% 100% !important; -khtml-background-size: 100% 100% !important; -moz-background-size: 100% 100% !important; background-size: 100% 100% !important; background-attachment:fixed !important;}

но во всех браузерах все нормально, а опера меня упорно игнорирует. в момент обновления страницы на секунду градиент виден, но потом он куда то исчезает. не могу понять, в чем же дело(

вот код всего дизайна

 body {background: url('/userdir/1/6/7/3/1673245/67240253.jpg') repeat-x !important; padding: 0 !important; -o-background-size:100% 100% !important; -webkit-background-size: 100% 100% !important; -khtml-background-size: 100% 100% !important; -moz-background-size: 100% 100% !important; background-size: 100% 100% !important; background-attachment:fixed !important;}
 #wrapper{ min-width: 958px !important; width: 958 margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 0px !important; z-index: 4;}
 #extratop { background: url('/userdir/1/6/7/3/1673245/67233122.png') no-repeat bottom; height: 487 width:958 margin-top:0 position:relative; z-index: 3; }
 {----------------------------------------------------------------------------------------------------------------------}
 #page-c {min-width:675px !important; width:675px !important; padding: 0px 0px 0px 15px !important; margin:40px 65px 0px 0px !important; background:#000;}
 #page-t {margin: 20px 20px 20px 5px !important;background:#fff;}
 .communityName, .authorName {margin-left:5px !important; font-size:11px !important; padding-top:5px !important;}
 .commentAuthor {margin-left:5px !important;}
 .paragraph { margin-right:10px !important; }
 .postContent {margin-top:10px !important; }
 .atTag em, .atMusic em, .atMood em, .atTag span, .atMusic span, .atMood span { font-style: normal !important; font-size:11px !important; text-transform: lowercase;}
 #addCommentArea, #msg_form { padding :5px 10px 10px 15px !important;}
 .postDate { text-transform: lowercase; font-size: 11px !important; font-weight: none !important; padding: 0px 10px 0px 0px !important;}
 .postLinksBackg { padding: 5px 10px 0px 5px !important; font-size: 11px !important; color: # !important; text-transform: lowercase;}
 {----------------------------------------------------------------------------------------------------------------------}
 #side {width: 130 margin:40px 0px 0px 65 background:#000; text-align:right !important;color:#404040;}
 #side a {color: #fff;}
 #TagsList li { margin: 2px 0px 0px 0px !important; color:#626262;}
 #thisDiaryPhoto, #postsCalendar, #rssLink, #upInChart, #authorFav, #authorQuot, #authorLinks, #authorAlbum, #myNotepadLink, #myLinksLink, #myProfileLink, #albumLink, #photolibLink, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink {display:none !important;}
 {----------------------------------------------------------------------------------------------------------------------}
 .postTitle, #addCommentArea_title, #new_post_title, #commentsArea_title {color:#fff; font:18px '',"Compact"; text-transform:uppercase; background: #000!important; padding: 10px 10px 10px 5px !important; margin: 0px 10px 0px 0px !important; letter-spacing:5}
 #epigraph .header { background:none !important; }
 #authorName {background: url('/userdir/1/6/7/3/1673245/67237553.png') no-repeat; display:block; width:187 height:21 overflow:hidden; position: absolute; line-height:200px ;top:517 margin-left:330}
 #side h1 a{background: url('/userdir/1/6/7/3/1673245/67238093.png') no-repeat; display:block; width:255 height:37 overflow:hidden; position: absolute; line-height:250px ;top:480 margin-left:305}
 {----------------------------------------------------------------------------------------------------------------------}
 img {max-width:485px !important;}
 .avatar img { !important; max-width: 90px !important; padding: 0px !important; border: 10px solid #000; }
 .sign {white-space:pre-line !important; width:95px !important; font-size:12px !important;}
 a:link, a:visited {text-decoration:none !important;}
 a:hover, a:active {color: #fff !important;background:#000;}
 #globalLinks a:hover, #myDiaryLinks a:hover, #thisDiaryLinks a:hover, #thisDiaryOwner a:hover {color: #000 !important;background:#fff;}
 span.quote_text { background: url('/userdir/1/6/7/3/1673245/67241249.png') 0px 0px no-repeat; min-height: 20px !important; font-size: 12px !important; font-style: normal !important; display: block; margin: 5 padding: 5px 5px 5px 25}
 .blockquote { min-height: 20px !important; font-size: 12px !important; font-style: normal !important; display: block; margin: 0 padding: 0px 0px 0px 0}
 .sign {white-space:pre-line !important; width:120px !important; font-size:11px !important; }
 .section, .formcontainer, .paragraph { _width:485 overflow:auto; overflow-y: hidden; }

рястягивание изображения

Смотрите также