Уважаемые специалисты верстки. Вот столкнулся с эдакой проблемой - хоть волосы рви на голове. Кто знает, о чем идет речь, посоветует ссылку на решение, возможно, сразу.
IE6-7 добавляет по известной ему одному причине margin-bottom и для последующего элемента с float: left. Как обойти этот баг? Спасибо.
Код:
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<style type="text/css" rel="stylesheet">

h1 {
****margin: 50px 0px 50px 0px;
****padding: 0px;
****background: #c0c0c0;
}

div {
****float: left;
****height: 50px;
****width: 100px;
****background: gray;
****margin: 0px;
}

ul {
****clear: both;
****list-style-type: none;
****margin: 0px;
****padding: 0px;
}

</style>
</head>

<body>
****<h1>ЗАГОЛОВОК</h1>
****<div></div>
****
  • ********
  • 1

********
  • 2

********
  • 3

****

</body>

</html>
В нормальном браузере:
[attachment=9164:ff.png]
В IE:
[attachment=9165:ie.png]