Как вставить иконку в меню?

[garmoni]

Есть меню с выпадающим списком. Нужно вставить иконку.
Вот сам код одного из пунков меню

<ul id="slide_menu">
<li >
<div id="ico"><p id="m">Sleep number beds</p></div>
<ul class="container">
<li><a href="#submenu11">submenu 1.1</a></li>
<li><a href="#submenu12">submenu 1.2</a></li>
<li><a href="#submenu13">submenu 1.3</a></li>
</ul>
</li>
<li>

Стили

* { padding: 0; margin: 0; }

#m{ color:#000; background-color:#e8f0f6; border:1px solid #444;padding: 2px; cursor: pointer; font-size: 0.8em; }
#ico {
background:url('image/menu_k.gif') no-repeat;
}
#slide_menu { width: 150px; list-style: none; }

.container { margin: 0px 0px; list-style: none; }
.container li { padding: 2px; text-align : left; }
body,html{
background-color:#ffffff;
margin:0;
padding:0;

}

#main{
margin:5px;
width:150px;
height:300px;
position:relative;
overflow:auto;
color:#aaa;
padding:5px;
border:1px solid #888;
background-color:#fff;
}

a{
text-decoration:none;
color:#FFB119;
width:100%;
}

a:hover{
text-decoration:underline;
}

Нужно чтобы иконка стояла перед Sleep number beds

[ZvEr_HaCkEr]

Так, не?

#m{color:#000;
border:1px solid #444;
padding: 2px;
padding-left:20px;
cursor: pointer;
font-size: 0.8em;
background:url(http://cdn1.iconfinder.com/data/icons/diagona/icon/16/103.png) #e8f0f6 no-repeat;
}

[garmoni]

И так не работает

[ZvEr_HaCkEr]

Это просто не загружается иконка с iconfinder. Укажите свою, и будет все работать.. А чтобы наверняка работало, добавьте

display:block;

[garmoni]

Сообщение от ZvEr_HaCkEr

Это просто не загружается иконка с iconfinder. Укажите свою, и будет все работать.. А чтобы наверняка работало, добавьте

display:block;

Я имела ввиду что не работает даже когда такое в стилях пишу

#m{
color:#000;
border:1px solid #444;
padding: 2px;
cursor: pointer;
font-size: 0.8em;
background:url(image/menu.png) #e8f0f6 no-repeat;
}

И с display:block; не работает (
Я вложила полную папку с кодами и картинкой. Может я с названием или адресом где то туплю

[ShnapS]

Путь к иконке не правильно у Вас указан.

background:url(../image/menu.png) #e8f0f6 no-repeat;

[garmoni]

Как прописать в стиле, если изначально один вид картинки, а при нажатии на ссылку картинка возле ссылки меняется? Ставлю другую картинку в a:visited, a:active ничего не меняется при нажатии.

[titan2012]

согласен, адресок к картинке не правильно прописан
нужно так background:url(../image/menu.png)
но тогда проблема появляется - картинка под текст залазит, попробую решить

[titan2012]

вот немножко в коде поковырялся, ну может не то чего вы ожидали, ну принцип понятен думаю