Hej wszystkim,

Mam pewien problem, i nie potrafię go rozwiązać.
Problem polega na tym, ze kiedy dla "li a" w css'ie ustawiam display: block;,
to IE wrzuca mi jakiś padding, ktorego nie potrafię wyeliminowac.
Probowalem wrzucic to -> http://dean.edwards.name/IE7/ i nic nie pomoglo.
FF mi czyta poprawnie wszystko. strona zostala sprawdzona validatorem pod xhtml 1.1 i css.
Zadnych bledow, a IE dalej robi problemy ( http://mjusic.pl/bud/ie.jpg a powinno dzialac tak http://mjusic.pl/bud/ff.jpg

Kod stronki:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  2. "http://www.w3c.org/TR/xhtml11/DTD/xhtml11.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.     <head>
  5.         <title>Bob budowniczy</title>
  6.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
  7.         <!-- compliance patch for microsoft browsers -->
  8. <!--[if lt IE 7]><script src="/ie7/ie7-standard-p.js" type="text/javascript"></script><![endif]-->
  9.     <style type="text/css">
  10.         body {
  11.             width: 100%;
  12.             background: #FF9E00;
  13.             color: black;
  14.             font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  15.             font-size: 12px;
  16.             margin: 0 auto;
  17.             border: 0;
  18.             padding: 0;
  19.                }
  20.         #calosc {
  21.             width: 580px;
  22.             height: auto;
  23.             margin: 0 auto;
  24.             border: 1px solid white;
  25.             border-top: 0px;
  26.             padding: 0;
  27.             background: #e1e1e1;
  28.         }
  29.         #top {
  30.             height: 16px;
  31.             width: 100%;
  32.             padding: 0px;
  33.             border-bottom: 1px solid white;
  34.             background: #88a70b;
  35.             display: none;
  36.  
  37.         }
  38.         #logo {
  39.             width: 580px;
  40.             padding: 0px;
  41.             height: 230px;
  42.             background: #E6A773;
  43.             border-bottom: 1px solid white;
  44.             color: white;
  45.             background: url(inne.jpg) no-repeat;
  46.         }
  47.         #menu {
  48.             width: 140px;
  49.             height: auto;
  50.             padding: 0;
  51.             margin: 0;
  52.             float: left;
  53.             background: url(menu3.png) repeat-x;
  54.         }
  55.         #tresc {
  56.             width: 419px;
  57.             background: #fde068;
  58.             float: right;
  59.             margin: 0;
  60.             padding: 10px;
  61.             border-left: 1px solid white;
  62.         }
  63.         #stopka {
  64.             border-top: 1px solid white;
  65.             background: black;
  66.             clear: both;
  67.             height: auto;
  68.             padding: 0px;
  69.             line-height: 16px;
  70.             color: white;
  71.         }
  72.         ul {
  73.             margin: 0px;
  74.             padding: 0px;
  75.         }
  76.         ul li {
  77.             font-size: 10px;
  78.             color: white;
  79.             font-weight: bold;
  80.             list-style-type: none;
  81.             display: block;
  82.         }
  83.         li a {
  84.             font-size: 140%;
  85.             color: white;
  86.             padding: 0px;
  87.             margin: 0px;
  88.             text-align: left;
  89.             font-weight: bold;
  90.             text-decoration: none;
  91.             line-height: 24px;
  92.             border-bottom: 1px white solid;
  93.         }
  94.         li a:hover {
  95.             background: #FF9E00;
  96.         }
  97.         h1 {
  98.             font-size: 145%;
  99.         }
  100.         h2 {
  101.             font-size: 125%;
  102.         }
  103.     </style>
  104.     </head>
  105.     <body>
  106.         <div id="top">
  107.             To jest topik.</div>
  108.         <div id="calosc">
  109.         <div id="logo">
  110.         </div>
  111.         <div id="menu">
  112.         <ul>
  113.             <li><a href="#">Start</a></li>
  114.             <li><a href="#">O firmie</a></li>
  115.             <li><a href="#">Oferta</a></li>
  116.             <li><a href="#">Referencje</a></li>
  117.             <li><a href="#">Kontakt</a></li>
  118.         </ul>
  119.         </div>
  120.         <div id="tresc">
  121.             <h1>To jest test.</h1>
  122. <h2>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</h2> <p>Quisque urna leo, sodales laoreet, tempor nec, volutpat a, quam. Pellentesque augue nulla, congue ut, pretium nec, mattis vel, nunc. In est. Quisque urna elit, adipiscing eu, accumsan nec, rhoncus et, tellus. Sed metus dolor, consequat quis, suscipit molestie, blandit ac, massa. Aliquam urna purus, eleifend id, ultricies eget, pretium vel, turpis. Nulla facilisi. Donec tristique. Cras a turpis. Phasellus adipiscing orci in turpis. Pellentesque iaculis est pellentesque urna. Nulla vitae pede eu turpis adipiscing sodales.</p>
  123.         </div><div id="stopka">
  124.             Copyrights?
  125.         </div>
  126.         </div>
  127.     </body>
  128. </html>
[HTML] pobierz, plaintext


Strona jest dostepna pod adresem http://www.mjusic.pl/bud/ .
Gdyby cos bylo nie tak z powyzszym linkiem, to bedzie oznaczac, ze pewnie podmieniam pliki ;P

Bede wdzieczny za rozwiazanie problemu.
Pozdrawiam

ps: jeszcze jedna sprawa, pod IE stopka mi podjezdza pod tresc i menu...
Mam to rozwiazac kolejnym divem ktory "zaloze" na divy 'menu' i 'tresc' ?
Czy moze cos powalilem z float lub clear?


EDIT: juz sobie sam pomoglem tongue.gif
Przepraszam za niepotrzebnego posta.
Dla potomnych:
Problem rozwiazal sie, kiedy wszystkie "li" wrzucilem do jednej linijki (kompletnie zapomnialem o tym bledzie).
Drugi problem z rozjechaniem stopki, to detaliczny blad polegajacy na tym, ze zapomnialem dodac szerokosci do stopki winksmiley.jpg

Pozdrawiam wszystkich ;]