Кроссбраузерный дизайн

[Hameleon31]

Сверстал сайт , вроде во всех браузерах работает корректно, кроме любимого IE , а именно версий ниже 8. Хотя в 7-ой версии все не так то плохо и выглядит:
Насколько я понял, не работает overflow: hidden и левый блок с контактами (Звоните, пишите, спрашивайте уезжает вниз)
Подскажите, пожалуйста, как добиться корректного вывода страницы от IE 6,7 ? Где можно найти список CSS свойств которые не понимает IE 6,7 ?

В предыдущем посте не корректно поставил задачу
Насчет IE6: там я не знаю на что конкретно «тыкать пальцем» сайт весь разбросан по окну, нету фона и т.д.
Насчет IE7:
Вот HTML код:

<div id="left">
<div id="sub"></div>
<div id="phone">
<a href="http://smartweb.com.ua/contacts">Звоните:</a><br>
			<span class="skype_pnh_print_container">number phone</span><span class="skype_pnh_container" dir="ltr" tabindex="-1"><span class="skype_pnh_mark"></span></span>
</div>
<div id="email">
	<a href="http://smartweb.com.ua/contacts">Пишите:</a><br>info@sweb.com.ua</div>
<div id="ask">Спрашивайте</div>
</div>

В нем после <div id="sub"></div> блоки <div id="phone"></div><div id="email"></div> смещаются вниз на страницы поверх футера, как сделать так чтобы они были сразу после <div id="sub"></div>?
Вот СSS код:

div#left {
float: left;
width: 170px;
}

div#sub {
background: url(../../img/default/sub.png) left top no-repeat;
height: 235px;
width: 170px;
float: left;
padding-left: 10px;
margin-bottom: 30px;
}

div#sub p#title {
color: #ff331c;
font: 15px Arial, serif;
}

div#sub a {
font: 14px Arial, serif;
color: #020202;
text-decoration: none;
}

div#sub a:hover {
text-decoration: underline;
}

div#phone, div#email{
height: 35px;
width: 135px;
color: #ff331c;
font: 14px "Myriad Pro", Arial;
}

div#phone a, div#email a, div#ask   {
display: block;
padding-left: 40px;
width: 150px;
color: #c5c5c5;
font: 14px "Myriad Pro", Arial;
text-decoration: none;
}

div#phone {
margin: 250px 0 0 10px;
background: url(../../img/default/phone.png) center left no-repeat;
}

div#email {
margin: 50px 0 0 10px;
background: url(../../img/default/email.png) center left no-repeat;
}

div#ask {
margin: 30px 0 0 10px;
}

И еще вопросик:
На главной странице я сделал, что-то типа анимации на JQUERY
Блоки которые двигаются (WEB программирование, Ваша идея, продвижение сайта и т.д.) размещены в div#image и для которого прописано свойство overflow: hidden; Но при «выезжании» этих блоков (WEB программирование, Ваша идея, продвижение сайта и т.д за границы div#image они не скрываются в IE7,6