Здравствуйте. Я начинающий молодой web-программист столкнулся с проблемой при верстке сайта для IE7 и IE8 обнаружил, что в некоторых слоях <div> ссылки работают, а в других нет, в чем разница между ними понять не могу. Вот CSS и HTML-код с неработающими ссылками. <div class="header" style> <a href="index.html">текстовая ссылка</a> <a href="index.html"><img src="images/buttoms/passive/onmain_but.jpg" height="40" alt="Фотография" border="0" ></a> <a href="aboutus.html"><img src="images/buttoms/passive/aboutus_but.jpg" height="40" alt="Фотография" border="0"></a> <a href="ourservice.html"><img src="images/buttoms/passive/services_but.jpg" height="40" alt="Фотография" border="0"></a> <a href="ourproject.html"><img src="images/buttoms/passive/projects_but.jpg" height="40" alt="Фотография" border="0"></a> <a href="contacts.html"><img src="images/buttoms/passive/contacts_but.jpg" height="40" alt="Фотография" border="0"></a> </div> div.header{ min-width: 900px; width: 100%; height: 170px; position:absolute; margin: 0; padding-top: 57px; } Ссылка <a href="index.html">текстовая ссылка</a> добавлена для примера, чтобы показать, что не работают не только ссылки-изображения. Вот HTML-код и CSS с работающими ссылками. <div class="mainbody"> <div class="leftpart"> <div id="forwhat"> Здесь ссылки работают <a href="ourservice.html">ссылка</a> </div> </div> </div> div.mainbody{ font-family: Segoe script; position:absolute; border: solid 2px brown; } div.leftpart{ border: solid 2px brown; width:60%; min-width: 340px; height: 40%; max-height: 300px; padding-top:8%; text-align: left; direction: rtl; color: white; margin-left: 50px; overflow: auto; } Такая ситуация под всеми браузера. Ка решить эту проблему я не знаю. Может кто-нибудь помочь?