Здравствуйте! В шапке сайта есть картинка которая имеет заданную высоту. Во всех браузерах работает, а в этом ср*ном IE нет(. Как выйти с положения?
Вот код:
div#cat-nav {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("../images/nav.png"); - сама картинка.
background-origin: padding-box;
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
clear: both;
float: left;
height: 130px;- высота картинки.
margin: -5px 0 0;
width: 960px;- ширина картинки.
}

нашел одну интересную штуку:
в исходном коде:
<!--[if lt IE 8]>
<link rel="stylesheet" type="text/css" media="screen" href="http://сайт/ie.css" />
<![endif]-->

в http://сайт/ie.css:
/* clear the floats for all our IE friends*/
.clear, form#commentform { zoom: 1; }

что это значит?