Разваливается список. Как исправить?

[Mila]

Хотела поставить картинку с список вместо маркера, для этого пришлось переделать весь список. В итоге - сплошные хаки.

Да еще, почему-то, одинаковые списки, стоящие в двух разных сидебарах отображаются совершенно по разному.

Вот мой код:

.sidebar {
		   font-size: 14px;
		   color: #000;
		   font-weight: normal; 
		   padding: 0 20px 0 20px; 
		   background-color: #fff;
		   border: #c0c0c0 1px solid; 
		   width: 150px; 
		   margin: 0 0 0 10px;
} 
html>body .sidebar{
		  margin: 0 0 0 10px;
		  padding-bottom: 15px; 
}
.sidebar H2 {
		 color: #000;
		 font-size: 16px; 
		 font -weight: bold;
		 padding-bottom: 2px; 
		 margin: 15px 0 10px 0; 
		 border-bottom: 2px #c0c0c0 solid;
}
.sidebar ul {  
		 padding: 5px 0 0 18px;  
		 margin: 0; 
		 list-style-image: url('images/2.gif'); 
		 list-style-position: outside;
		 list-style-type: none; 
}
.sidebar  ul li {
		padding: 0 0 3px 5px;  
		margin: 0; 	 	
}
html>body .sidebar ul {  
		padding: 0 0 10px 16px; 
		margin: 0; 	   
}
html>body .sidebar ul li {  
	   position: relative; 
	   float: left; 
	   padding: 3px 0 0 0; 
	   margin: 0;  
}

Подскажите, кто знает, а то я уже всю голову сломала - два дня сижу над этим.

- Можно эту задачу решить без хаков?

- Где я допустила ошибку, почему списки отображаются по разному?

[klierik]

поместите код в соответствующие теги

а по теме.. все что надо сделать, так это повесить background на тег

[*]

а для

[*] выставить поля (padding)

и не надо пользоваться хаками вообще.

[Mila]

По поводу background - я уже пыталась.

Дело в том, что ссылки в меню, к которым нужно добавить картинку длинные - на 2-3 строчки.

И если поставить background - картинка располагается между строчек ссылки, а нужно, чтобы она стояла напротив 1й строки.

По поводу padding я не поняла. Там же он есть, вроде?

[Scrum]

http://forum.htmlbook.ru/index.php?showtopic=7851

может поможет.