Witam. Dlaczego tło diva #menu w IE7 jest wyswietlane w pozycji top:0 left:0 bez uwzglednienia marginesu lewego 2px i górnego 2 px. Tlo w ie7 pokazuje sie w lewym gornym narozniku diva #content, przykleja sie do obramowania. Bez obramowania dziala prawidlowo we wszystkich przegladarkach-uwzglednia marginesy. Co powinienem zmienic?
[code]
<div id="content">
<ul id="menu">
<li><a href="#">Home</a></li>
<li><a href="#">Get a Loan!</a></li>
<li><a href="#">How It Works </a></li>
<li><a href="#">Mortgage Tools</a></li>
<li><a href="#">About Us</a></li>
<li class="last-child"><a href="#">Contacts</a></li>
</ul>
</div>
---------------------
* {margin: 0; padding: 0;}
#content { border: 1px solid #c0c0c0;}
#content ul#menu { list-style: none;
overflow: hidden;
width: 682px;
height: 46px;
background: url(../images/menu-tlo.png)
top left no-repeat;
margin: 2px 0 1px 2px;}
[code]
<div id="content">
<ul id="menu">
<li><a href="#">Home</a></li>
<li><a href="#">Get a Loan!</a></li>
<li><a href="#">How It Works </a></li>
<li><a href="#">Mortgage Tools</a></li>
<li><a href="#">About Us</a></li>
<li class="last-child"><a href="#">Contacts</a></li>
</ul>
</div>
---------------------
* {margin: 0; padding: 0;}
#content { border: 1px solid #c0c0c0;}
#content ul#menu { list-style: none;
overflow: hidden;
width: 682px;
height: 46px;
background: url(../images/menu-tlo.png)
top left no-repeat;
margin: 2px 0 1px 2px;}
