Всем привет!! Помогите пожалуйста разобраться с IE7 Делаю верстку одного макета, код см. ниже, во всех браузерах кроме IE7 все выглядеть вроде нормально а в IE шапка вся на наперекосяк. У меня подозрение на haslayout но где куда не догадываюсь. И ище одна маленькая просьба обратить внимание на код! Что правильно что нет? Прошу сильно не ругать это моя первая работа мой первый макет! <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Натуральный камень в Молдове, купить</title><link rel="stylesheet" type="text/css" href="css/reset.css"><link rel="stylesheet" type="text/css" href="css/style.css"></head><body><div id="container"><div class=wrapper><div id="header"><div class="head_left"><p><img src="image/truck.jpg"><h1 class="free_call">Бесплатная доставка</h1><h3 class="order_room">при заказе от <span>3999</span> MDL.</h3><h4 class="shipping_question">доставка осуществляется по всей Молдове</h4></p></div><div class="head_right"><p><img src="image/phone.jpg" class="phone"><h1 class="free_call">Позвоните нам</h1><h3 class="order_room">по номеру +7 (373) <span>790 3 9999</span></h3><h4 class="shipping_question">и мы ответим на все ваши вопросы</h4></p> </div><div class="head1"><div class="head_left1"><p><h1 class="natural">Натуральный-<span>Камень</span></h1><h3 class="produce">мы производим для вас !!!</h3></p></div><div class="head_right1"><p><h1 class="order">Заказать обратный звонок</h1><form method="get" action="" enctype="application/x-www-form-urelencoded"><div class="input"><input name="name1" type="text" placeholder="Ваш номер телефона" class="mmm" autocomplete="off"><input value="Заказать" type="submit" class="button"> </div></form></p> </div></div></div></div><div class="menu"><ul><li><a href="#">Главная</a></li><li><a href="#">Продукция</a></li><li><a href="#">Контакты</a></li><li><a href="#">Фотогалерея</a></li><li><a href="#">Партнерам</li></ul></div><div class="menu_sidebar"> <ul class="sidebar"><li><a href="#">Касэуцкий камень</a></li><li><a href="#">Болгарский камень</a></li><li><a href="#">Индийский камень</a></li><li><a href="#">Русский камень</a></li></ul></div><div id="content"><h2>Косэуцкий камень</h2><div class="foto1"><img class="f1" src="image/piatra.jpg"><p>Облицовачный камень</p></div><div class="foto1"><img class="f1" src="image/piatra.jpg"><p>Облицовачный камень</p></div><div class="foto1"><img class="f1" src="image/piatra.jpg"><p>Облицовачный камень</p></div><div class="foto1"><img class="f1" src="image/piatra.jpg"><p>Облицовачный камень</p></div><div class="foto1"><img class="f1" src="image/piatra.jpg"><p>Облицовачный камень</p></div><div class="foto1"><img class="f1" src="image/piatra.jpg"><p>Облицовачный камень</p></div><div class="foto1"><img class="f1" src="image/piatra.jpg"><p>Облицовачный камень</p></div></div><div id="footer">© SRL"Piatra naturală"</div></div> </body></html> +CSS body { margin:0; font: 10pt Tahoma, Helvetica, sans-serif; /* Шрифт на веб-странице */ background: #fff; /* Цвет фона */}#container { width: 980px; /* Ширина слоя */ margin: 0 auto; /* Выравнивание по центру */ background: #fff; /* Цвет фона левой колонки */}#header { height:160px; background: #fff; /* Цвет фона шапки */}.head1 { height:160px;}.head_left{ float:left; padding:40px 0 0 0;}.head_left1{ float:left;}.head_left p img{ float:left; padding-top:5px;}.free_call,.order_room,.shipping_question{ margin-left:80px;}.order_room{ font-size:14px; text-transform:uppercase; color:#959595;}.order_room span{ font-weight:bold;}.shipping_question{ font-size:10px; text-transform:uppercase; color:#959595; }.head_right{ float:right; padding:40px 0 0 0;}.head_right1{ float:right;}.head_right p img{ float:left; margin-top:7px;}.free_call{ font-size:30px; color:#ff8400; text-transform:uppercase;}.natural{ font-size:40px; text-transform:uppercase; color:#ff8400; }.natural span{ font-size:40px; text-transform:uppercase; color:#9c9c9c; }.produce{ font-size:12px; text-transform:uppercase; color:#9c9c9c; line-height:0.1em; padding-left:3px;}.order{ font-size:18px; text-transform:uppercase; color:#ff8400; margin-left:60px;}.head_right1 form{ margin-left:60px;}.mmm{ margin-left:20px; width:150px; height:25px; }.button{ font-weight:bold; width:85px; height:30px; background:#ff8603; color:#fff;}.button:hover{ font-weight:bold; width:85px; height:30px; background:#fcc185;}.menu{ height:40px; width:100%; background:#154177; margin-top:10px;}.menu ul{ list-style:none; margin:0; padding:0; margin-left:200px;}.menu ul li{ float:left;}.menu ul li a{ float:left; font-weight:bold; height:40px; line-height:40px; padding:0 20px; background:#154177; color:#fff; text-transform:uppercase; text-decoration:none;}.menu ul li a:hover{ background:#376297;}.sidebar { list-style:none; text-transform:uppercase; line-height:1.2em;}.sidebar a { text-decoration:none; line-height:1.5em; }.menu_sidebar{ float:left; margin-top:10px;}.menu_sidebar a{ color:#7195ba;}.menu_sidebar a:hover{ color:#ff8400;}.foto1{ border:1px solid #9c9c9c; margin:20px 20px; float:left; height:300px; width:200px; background:#fff;}.foto1:hover{ box-shadow: 3px -2px 5px 5px rgba(0, 0, 0, .2);}#content { margin-left: 210px; /* Отступ слева */ padding: 10px; /* Поля вокруг текста */ background: #fff; /* Цвет фона правой колонки */}#content h2{ font: 14pt Tahoma, Helvetica, sans-serif;}#content .f1{ margin-left:12px; margin-top:20px;}#footer { background: #376297; /* Цвет фона подвала */ color: #fff; /* Цвет текста */ padding: 5px; /* Отступы вокруг текста */ clear: left; /* Отменяем действие float */}ЗА РАНЕЕ БЛАГОДАРЮ!
