robertmk13

Сайт открывается во всех браузерах, но в IE и Opera вся страница становится не кликабельной. Не могу понять в чем дело, раньше все работало. Вот css @charset "windows-1251"; /* CSS Document */ .main_border {border:0px solid #000000;} p {font-family:Verdana; font-size:12px; margin:15px;} .left {border-right:0px solid #424242;padding:0px 0px 0px 15px;} a:link{ color: #C03;text-decoration: none;} a:active{ color: #C03;text-decoration: none;} a:visited{ color: #C03;text-decoration: none;} a:hover{ color: #C03; text-decoration: underline;} p.title { color: black; font-weight:bold; margin:5px; padding:5px; } .glossymenu{ position: relative; padding: 0 0 0 34px; margin: 0 auto 0 auto; background: url(/images/menu_bg.gif) repeat-x; /*путь к картинке заднего фона*/ height: 46px; list-style: none; } .glossymenu li{ float:left; } .glossymenu li a{ float: left; display: block; color:#000; text-decoration: none; font-family: sans-serif; font-size: 13px; font-weight: bold; padding:0 0 0 19px; /*Padding to accomodate left tab image. Do not change*/ height: 46px; line-height: 46px; text-align: center; cursor: pointer; } .glossymenu li a b{ float: left; display: block; padding: 0 24px 0 3px; /*Расстояние между элементами меню*/ } .glossymenu li.current a, .glossymenu li a:hover{ color: #fff; background: url(/images/menu_hover_left.gif) no-repeat; /*путь к левой картинке*/ background-position: left; } .glossymenu li.current a b, .glossymenu li a:hover b{ color: #fff; background: url(/images/menu_hover_right.gif) no-repeat right top; /*путь к правой картинке*/ } .product {border:0px solid #cccccc; width:95%;} .product_title {background-color:#f6f6f6;} .products {border:0px solid #cccccc; width:95%;} .products_name {font-weight:bold; margin-top:7px; margin-bottom:7px;} .view_title {font-size:16px; font-weight:bold; color:#cc0000; text-align:center;} .title_h1{font-size:16px; font-weight:bold; color:#581010; text-align:center;} .text {text-align: justify;} #youtube_zone { width: 700px; height: 500px; margin: 0 auto; padding-left: 128px; padding-top: 76px; background-image: url("youtube-background.jpg"); background-repeat: no-repeat; } div.overlay { background-image:url(images/white.png); width:600px; height:470px; display:none; padding:55px; } div.overlay div.close { background-image:url(images/close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px; } #overlay { background-image:url(images/transparent.png); color:#efefef; } #overgoop { background-image:url(images/transparent.png); color:#efefef; } div.wrap { height:441px; overflow-y:auto; } .contact-title {color: #23B3B6; margin:0; padding:0 0 6px 12px; font-size: 1.2em; text-align:center;} .contact-input {font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; background:#eee; border:1px solid #fff; width:300px; } .lable { text-align: right; clear:left; display:block; padding-right:4px; font-size: 18px; font-family: "Times New Roman", Times, serif; } .input { text-align: left; background-color:#F0F0F0; border: 0px; font-size: 18px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color: #1C5455; } .link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #B70004; } .warning_table { background: #F0F0F0; border: outset 5px #666666; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .warning_font_big { font: Arial; font-size: 30px; color: #F03 } .warning_font { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #333; padding-left: 50px; padding-right: 25px; padding-top: 15px;} .img { padding: 5px; /* отступ 5 пикселей с каждого края */ border: 1px solid black; /* толщина, стиль и цвет бордюра */ background: #F1F0E5 #999; } body { margin : 0; padding : 0; text-align : left; line-height : normal; background : #dddcd1 url(img/bg.jpg) top center repeat-y; color : #000; font-family: "Trebuchet MS", verdana, arial, sans-serif; font-size: 75%; } /*CONTAINER*/ #wrapper { position : relative; width : 900px; margin-right : auto; margin-left : auto; padding : 0; border : 0px solid green; } /*TOP TITLE BAR*/ #title { width : 770px; margin-left : 5px; padding : 0; text-align : right; background : #fff; color : #000; } #title h1 { margin : 0; padding : 10px; font-size : 175%; text-transform : uppercase; letter-spacing : 5px; background : inherit; color : #BCE0A8; } /*BANNER*/ #header { background : url(images/head.jpg) no-repeat; width : 900px; height : 54px; margin : 0 0 0 0px; padding : 0 0 0 0; } /*TOP NAVIGATION*/ .container { width : 770px; height : 35px; margin : 20px 0 10px 5px; } #navCircle { margin : 0; padding : 0 0 20px 20px; border-bottom : 1px solid #b2d094; } #navCircle li { margin : 0; padding : 0; display : inline; list-style-type : none; } #navCircle a:link, #navCircle a:visited { float : left; font-size : 1.3em; padding : 0 25px 15px 25px; text-decoration : none; background : inherit; color : #457C05; } #navCircle a:link.active, #navCircle a:visited.active, #navCircle a:hover { background-color : inherit; color : #000; background : url(img/arrow.gif) no-repeat bottom center; } /*MAIN CONTENT*/ #content { width : 560px; float : left; margin-top : 0; margin-left : 11px; padding : 5px; border-right : 1px solid #b2d094; } #content p { padding : 0 20px; } /*SIDEBAR*/ #left-col { width : 150px; margin : 5px 0 0 590px; border-right : 1px none #28460a; padding : 3px; } /*FOOTER*/ #footer { margin : 50px 0 0 0; padding : 5px; font : 90% "Trebuchet MS", verdana, arial, sans-serif; background : # 87856D; } #footer a:link, #footer a:visited { background : inherit; color : #b2d094; } #footer a:hover { background : inherit; color : #fff; text-decoration : none; } /*TYPOGRAPHY*/ h2 { margin : 20px; font-size : 140%; text-transform : uppercase; letter-spacing : 5px; background : inherit; color : green; } h3 { margin : 5px; font-size : 120%; letter-spacing : 5px; background : inherit; color : green; } blockquote { font-weight : bold; font-style : italic; color : #b29b35; } /*LINKS*/ a img { border : none; } a:link, a:visited { text-decoration : none; background : inherit; color : #457C05; } a:hover { text-decoration : underline; background : inherit; color : #666; } ul.side { list-style-type : square; padding : 0; margin : 0; background : inherit; color : #457C05; } .side li { padding-left : 0.2em; margin-left : 2em; } /*CLASSES*/ .news { font-size : 100%; background : inherit; color : #000; } .imgleft { float : left; border : 1px solid #345411; padding : 5px; margin-right : 15px; } .imgright { float : right; border : 1px solid #345411; padding : 5px; margin-left : 15px; } /* Контейнер */ .modal { /* Слой перекрытия */ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 10000; /* Трансформации прозрачности при открытии */ -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; /* Скрываем изначально */ opacity: 0; pointer-events: none; } /* Показываем модальное окно */ .modal:target { opacity: 1; pointer-events: auto; } /* Содержание */ .modal > div { width: 500px; background: #fff; position: relative; margin: 10% auto; /* По умолчанию минимизируем анимацию */ -webkit-animation: minimise 500ms linear; /* Придаем хороший вид */ padding: 30px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9); -moz-box-shadow: 0 3px 20px rgba(0,0,0,0.9); box-shadow: 0 3px 20px rgba(0,0,0,0.9); background: -moz-linear-gradient(#fff, #ccc); background: -webkit-gradient(linear, right bottom, right top, color-stop(1, rgb(255,255,255)), color-stop(0.57, rgb(230,230,230))); text-shadow: 0 1px 0 #fff; } /* Изменяем анимацию при открытии модального окна*/ .modal:target > div { -webkit-animation-name: bounce; } .modal h2 { font-size: 36px; padding: 0 0 20px; } @-webkit-keyframes bounce { 0% { -webkit-transform: scale3d(0.1,0.1,1); -webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9); } 55% { -webkit-transform: scale3d(1.08,1.08,1); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0); } 75% { -webkit-transform: scale3d(0.95,0.95,1); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.9); } 100% { -webkit-transform: scale3d(1,1,1); -webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9); } } @-webkit-keyframes minimise { 0% { -webkit-transform: scale3d(1,1,1); } 100% { -webkit-transform: scale3d(0.1,0.1,1); } } /* Ссылка на кнопку Закрыть */ .modal a[href=#close] { position: absolute; right: 0; top: 0; color: transparent; } /* Сбрасываем изменения */ .modal a[href=#close]:focus { outline: none; } /* Создаем кнопку Закрыть */ .modal a[href=#close]:after { content: 'X'; display: block; /* Позиционируем */ position: absolute; right: -10px; top: -10px; width: 1.5em; padding: 1px 1px 1px 2px; /* Стили */ text-decoration: none; text-shadow: none; text-align: center; font-weight: bold; background: #000; color: #fff; border: 3px solid #fff; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); box-shadow: 0 1px 3px rgba(0,0,0,0.5); } .modal a[href=#close]:focus:after, .modal a[href=#close]:hover:after { -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); } .modal a[href=#close]:focus:after { outline: 1px solid #000; } /* Открываем модальное окно */ a.openModal { margin: 1em auto; } a.openModal:hover, a.openModal:focus { background: -moz-linear-gradient(#fff, #ccc); background: -webkit-gradient(linear, right top, right bottom, from(rgb(255,255,255)), to(rgb(200,200,200))); } .button { border-top: 1px solid #96d1f8; background: #65a9d7; background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7)); background: -moz-linear-gradient(top, #3e779d, #65a9d7); padding: 3.5px 7px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: white; font-size: 11px; font-family: Georgia, serif; text-decoration: none; vertical-align: middle; } .button:hover { border-top-color: #28597a; background: #28597a; color: #ccc; } .button:active { border-top-color: #1b435e; background: #1b435e; } сайт magicbag.ru Может кто подскажет в чем подвох?