Search the Community

Здравствуйте коллеги, это мое первое обращение на форуме, так как не могу самостоятельно понять что происходит с этим факнутым эксплорером) в общем привожу ниже код, все просто. есть блок. наводишь на него мышкой и появляется текст с описанием. Все браузеры отлично воспринимают этот простейший код, проблема именно с эксплорером. <div id="cover_img_3"> <img src="1.jpg" /> <div class="text"> <p>Тут располагается скрытый текст..</p> </div> </div> #cover_img_3{ cursor:pointer; position: relative; float: left; margin: 30px; width:370px; height:200px; } #cover_img_3:hover>.text{ display: block; top: 200px; background: #000; -webkit-box-shadow: 0 0 6px #333; -moz-box-shadow: 0 0 6px #333; -o-box-shadow: 0 0 6px #333; box-shadow: 0 0 6px #333; -webkit-transition: .8s; -moz-transition: .8s; -o-transition: .8s; transition: .8s; } #cover_img_3:hover img{ -webkit-box-shadow: 0 2px 5px #333; -moz-box-shadow: 0 2px 5px #333; -o-box-shadow: 0 2px 5px #333; box-shadow: 0 2px 5px #333; -webkit-transition: .8s; -moz-transition: .8s; -o-transition: .8s; transition: .8s; } #cover_img_3 img{ position: absolute; -webkit-transition: .8s; -moz-transition: .8s; -o-transition: .8s; transition: .84s; } #cover_img_3 .text{ position: absolute; top: 0px; background:#f72429; display: none; text-align:center; color: #fff; text-shadow: 1px 1px 0 #333; width: 370px; -webkit-transition: .8s; -moz-transition: .8s; -o-transition: .8s; transition: .8s; } проблема именно тут #cover_img_3 .text{.....} эксплорер вообще не понимает что я от него хочу) пробовал писать так #cover_img_3>.text{ и плюсик ставил))) в общем выяснил что он совсем не понимает данное действие.. почему???? спасибо за помощь.