из за чего в ie6 так?

[woofs]

Из за чего так

а не так

и как это исправить

———-

Спасибо заранее

почемуто картинки криво подгрузились вот ссылки

http://i.piccy.info/i3/59/2f/1116603231dfe...44cc7a6197.jpeg вот это ие6

http://i.piccy.info/i3/df/fa/ad2cf431326fc...7d9c42be86.jpeg а надо так

 <div id="nav">
<ul id="menu">
  <li><a href="#" onclick="openMenu(this);return false">Меню 1</a>
      <ul>
          <li><a href="#">sub menu 1</a></li>
          <li><a href="#">sub menu 2</a></li>
          <li><a href="#">sub menu 3</a></li>
          <li><a href="#">sub menu 4</a></li>
          <li><a href="#">sub menu 5</a></li>
          <li><a href="#">sub menu 6</a></li>
          <li><a href="#">sub menu 7</a></li>
      </ul>
  </li>
  <li ><a class="free" href="#" onclick="openMenu(this);return false">Menu 2</a>
      <ul>
          <li><a href="#">sub menu 1</a></li>
          <li><a href="#">sub menu 2</a></li>
          <li><a href="#">sub menu 3</a></li>
          <li><a href="#">sub menu 4</a></li>
          <li><a href="#">sub menu 5</a></li>
          <li><a href="#">sub menu 6</a></li>
          <li><a href="#">sub menu 7</a></li>
     </ul>
  </li>
     </div>

#nav {padding-top:20px;
padding-bottom:20px;}

#menu{width:100%;list-style-type:none;padding-left:0px;margin:0; border-top:1px solid #b3b3b3; }
#menu ul li { list-style-type:disc;margin:0; padding:2px;}
#menu ul{ padding-left: 25px; background: #fbfbfb; border-bottom:1px solid #b3b3b3;margin:0;}
#menu  li ul li a{ padding:2px; color:#000066;  background: #fbfbfb; border:0;margin:0;display:block; text-align:left;display:compact ; font-weight: normal;}
#menu  li ul li a:hover{ padding-left:4px; color: red;background: #fbfbfb;margin:0;display: compact; font-weight: bold; }
#menu li a{color:#000; padding:7px; background:#E7DFCA; border-bottom:1px solid #b3b3b3;margin:0;display:block; font-weight:bold;}
#menu li a:hover{color:#000000; display:block;}
#menu li { text-align:center;}

Edited February 1, 2009 by woofs

[Scrum]

a display: block ?

[rash]

Напишите весь список в одну строку, чтобы между </li> и <li> не было разрывов строк и вообще никаких пробельных символов. Иногда это помогает.

[woofs]

сейчас попробую

Edited February 1, 2009 by woofs

[Scrum]

если у а стоит значение display: block то не поможет.

[woofs]

помогло

<div id="nav">
<ul id="menu"><li><a href="#" onclick="openMenu(this);return false">Меню 1</a><ul><li><a href="#">sub menu 1</a></li><li><a href="#">sub menu 2</a></li><li><a href="#">sub menu 3</a></li><li><a href="#">sub menu 4</a></li><li><a href="#">sub menu 5</a></li><li><a href="#">sub menu 6</a></li><li><a href="#">sub menu 7</a></li></ul></li><li ><a class="free" href="#" onclick="openMenu(this);return false">Menu 2</a><ul><li><a href="#">sub menu 1</a></li><li><a href="#">sub menu 2</a></li><li><a href="#">sub menu 3</a></li><li><a href="#">sub menu 4</a></li><li><a href="#">sub menu 5</a></li><li><a href="#">sub menu 6</a></li><li><a href="#">sub menu 7</a></li></ul></li></ul>
</div>

#nav {padding-top:20px;
padding-bottom:20px;}

#menu{width:100%;list-style-type:none;padding-left:0px;margin:0; border-top:1px solid #b3b3b3; }
#menu ul li { list-style-type:disc;margin:0; padding:2px;}
#menu ul{ padding-left: 25px; background: #fbfbfb; border-bottom:1px solid #b3b3b3;margin:0;}
#menu  li ul li a{ padding:2px; color:#000066;  background: #fbfbfb; border:0;margin:0;display:block; text-align:left;display:compact ; font-weight: normal;}
#menu  li ul li a:hover{ padding-left:4px; color: red;background: #fbfbfb;margin:0;display: compact; font-weight: bold; }
#menu li a{color:#000; padding:7px; background:#E7DFCA; border-bottom:1px solid #b3b3b3;margin:0;display:block; font-weight:bold;}
#menu li a:hover{color:#000000; display:block;}
#menu li { text-align:center;}

и в других всё работает) спосибо)

[Never]

вроде можно пробел перед

</a>

поставить

мне как-то помогло