Где хочешь видеть меню:
Код
<div class="menu_space"> </div>
<ul id="left-menu">
<li style="background: url(http://dreambag.ru/upload/resize_cache/iblock/9d3/20_30_1/9d334c2ddb12b85072bf6fc3e897122e.jpg) no-repeat;">
<a href="/catalog/products/rasprodazha/">Распродажа</a>
</li>
<li>
<a href="/catalog/products/begemotiki/">Бегемотики</a>
</li>
<li class="parent" style="background: url(http://dreambag.ru/upload/resize_cache/iblock/950/20_30_1/950e72d371765a87d93e76d2dea4dec5.jpg) no-repeat;">
<a href="/catalog/products/kresla_meshki/">Кресла Мешки</a>
<ul style="">
<li>
<a href="/catalog/products/kreslo_meshok_xxl/">Кресло Мешок XXL</a>
</li>
<li class="">
<a href="/catalog/products/kreslo_meshok_xl/">Кресло Мешок XL</a>
<ul style="">
<li>
<a href="/catalog/products/kreslo_meshok_classic/">Кресло Мешок Classic</a>
</li>
<li>
<a href="/catalog/products/chairs_fashion/">Кресло Мешок Fashion</a>
</li>
</ul></li> <li>
<a href="/catalog/products/kreslo_meshok_l/">Кресло Мешок L</a>
</li>
<li>
<a href="/catalog/products/detskie_kresla/">Детские Кресла Мешки</a>
</li>
</ul></li> <li style="background: url(http://dreambag.ru/upload/resize_cache/iblock/7c5/20_30_1/7c581b22240a2eddde495b7bc4894ced.jpg) no-repeat;">
<a href="/catalog/products/kreslo_myach/">Кресло Мяч</a>
</li>
<li style="background: url(http://dreambag.ru/upload/resize_cache/iblock/e68/20_30_1/e689aaf82d604d46b7da1cd758f1d39b.jpg) no-repeat;">
<a href="/catalog/products/kreslo_penek/">Кресло Пенек</a>
</li>
<li style="background: url(http://dreambag.ru/upload/resize_cache/iblock/138/20_30_1/138eafb6bb79ac8744ce92cc6c068c9b.jpg) no-repeat;">
<a href="/catalog/products/kreslo_plushka/">Кресло Плюшка</a>
</li>
<li style="background: url(http://dreambag.ru/upload/resize_cache/iblock/419/20_30_1/419f19d6b43bd575e9aa3b7335a459b7.jpg) no-repeat;">
<a href="/catalog/products/kreslo-podushka/">Кресло Подушка</a>
</li>
<li style="background: url(http://dreambag.ru/upload/resize_cache/iblock/caa/20_30_1/caa97f9bd4a16613a1731846dc4da0ce.jpg) no-repeat;">
<a href="/catalog/products/kreslo_trapeciya/">Кресло Трапеция</a>
</li>
<li style="background: url(http://dreambag.ru/upload/resize_cache/iblock/229/20_30_1/229c6df10d0922dcbb18674e8523364b.jpg) no-repeat;">
<a href="/catalog/products/kubik_35/">Кубик 35х35</a>
</li>
<li style="background: url(http://dreambag.ru/upload/resize_cache/iblock/79f/20_30_1/79f3243405568d2f1a031894dded1d03.jpg) no-repeat;">
<a href="/catalog/products/podushki_dlya_beremennyh/">Подушки для беременных</a>
</li>
<li style="background: url(http://dreambag.ru/upload/resize_cache/iblock/7b2/20_30_1/7b2d1e37b16bec47f5bbcf54795b42d1.jpg) no-repeat;">
<a href="/catalog/products/napolnitel/">Наполнитель</a>
</li>
</ul>
В таблицу стилей (CSS):
Код
div.menu_space{margin-left:10px; font-size:1px; height:1px;}
#left-menu { list-style-type: none; margin: 0 0 0 0; padding: 20px 0 0 0; font-family: Arial; }
#left-menu a { font-size: 0.95em; outline: none; text-decoration: none; font-weight:bold;}
#left-menu ul a { font-size: 0.95em !important; outline: none; vertical-align:top;font-weight:normal; }
#left-menu li.current { padding: 0; overflow: hidden; zoom:1; display: block; margin-bottom: 0.5em; }
#left-menu li.current ul { padding: 0 0 0 12px;}
#left-menu .current a { padding: 0 13px; font-style:normal; font-size: 0.95em !important; vertical-align:top;}
#left-menu .current ul a { padding:0;}
#left-menu ul { font-weight: normal; margin: 0.5em 0 0 -4px; padding: 0; list-style-type: none;}
#left-menu ul ul { margin: 0.5em 0 0 0em; }
#left-menu li li { margin-bottom: 0.5em; padding:0 13px 0; text-indent: 0; background: none;}
/*#left-menu li { padding:0 0 0 11px; margin-bottom: 0.55em; } */
#left-menu li { padding: 3px 0 3px 26px; margin-bottom: 0.55em; }
#left-menu li li li { margin-bottom: 0.3em; }
#left-menu ul>li { padding: 0 0 0 13px;}
#left-menu .parent {padding: 0 0 0 26px;}
Либо все на одной странице:
Код
<div class="menu_space"> </div>
<ul id="left-menu">
<li style="background: url(http://dreambag.ru/upload/resize_cache/iblock/9d3/20_30_1/9d334c2ddb12b85072bf6fc3e897122e.jpg) no-repeat;">
<a href="/catalog/products/rasprodazha/">Распродажа</a>
</li>
<li>
<a href="/catalog/products/begemotiki/">Бегемотики</a>
</li>
<li class="parent" style="background: url(http://dreambag.ru/upload/resize_cache/iblock/950/20_30_1/950e72d371765a87d93e76d2dea4dec5.jpg) no-repeat;">
<a href="/catalog/products/kresla_meshki/">Кресла Мешки</a>
<ul style="">
<li>
<a href="/catalog/products/kreslo_meshok_xxl/">Кресло Мешок XXL</a>
</li>
<li class="">
<a href="/catalog/products/kreslo_meshok_xl/">Кресло Мешок XL</a>
<ul style="">
<li>
<a href="/catalog/products/kreslo_meshok_classic/">Кресло Мешок Classic</a>
</li>
<li>
<a href="/catalog/products/chairs_fashion/">Кресло Мешок Fashion</a>
</li>
</ul></li> <li>
<a href="/catalog/products/kreslo_meshok_l/">Кресло Мешок L</a>
</li>
<li>
<a href="/catalog/products/detskie_kresla/">Детские Кресла Мешки</a>
</li>
</ul></li> <li style="background: url(http://dreambag.ru/upload/resize_cache/iblock/7c5/20_30_1/7c581b22240a2eddde495b7bc4894ced.jpg) no-repeat;">
<a href="/catalog/products/kreslo_myach/">Кресло Мяч</a>
</li>
<li style="background: url(http://dreambag.ru/upload/resize_cache/iblock/e68/20_30_1/e689aaf82d604d46b7da1cd758f1d39b.jpg) no-repeat;">
<a href="/catalog/products/kreslo_penek/">Кресло Пенек</a>
</li>
<li style="background: url(http://dreambag.ru/upload/resize_cache/iblock/138/20_30_1/138eafb6bb79ac8744ce92cc6c068c9b.jpg) no-repeat;">
<a href="/catalog/products/kreslo_plushka/">Кресло Плюшка</a>
</li>
<li style="background: url(http://dreambag.ru/upload/resize_cache/iblock/419/20_30_1/419f19d6b43bd575e9aa3b7335a459b7.jpg) no-repeat;">
<a href="/catalog/products/kreslo-podushka/">Кресло Подушка</a>
</li>
<li style="background: url(http://dreambag.ru/upload/resize_cache/iblock/caa/20_30_1/caa97f9bd4a16613a1731846dc4da0ce.jpg) no-repeat;">
<a href="/catalog/products/kreslo_trapeciya/">Кресло Трапеция</a>
</li>
<li style="background: url(http://dreambag.ru/upload/resize_cache/iblock/229/20_30_1/229c6df10d0922dcbb18674e8523364b.jpg) no-repeat;">
<a href="/catalog/products/kubik_35/">Кубик 35х35</a>
</li>
<li style="background: url(http://dreambag.ru/upload/resize_cache/iblock/79f/20_30_1/79f3243405568d2f1a031894dded1d03.jpg) no-repeat;">
<a href="/catalog/products/podushki_dlya_beremennyh/">Подушки для беременных</a>
</li>
<li style="background: url(http://dreambag.ru/upload/resize_cache/iblock/7b2/20_30_1/7b2d1e37b16bec47f5bbcf54795b42d1.jpg) no-repeat;">
<a href="/catalog/products/napolnitel/">Наполнитель</a>
</li>
</ul>
<style>
div.menu_space{margin-left:10px; font-size:1px; height:1px;}
#left-menu { list-style-type: none; margin: 0 0 0 0; padding: 20px 0 0 0; font-family: Arial; }
#left-menu a { font-size: 0.95em; outline: none; text-decoration: none; font-weight:bold;}
#left-menu ul a { font-size: 0.95em !important; outline: none; vertical-align:top;font-weight:normal; }
#left-menu li.current { padding: 0; overflow: hidden; zoom:1; display: block; margin-bottom: 0.5em; }
#left-menu li.current ul { padding: 0 0 0 12px;}
#left-menu .current a { padding: 0 13px; font-style:normal; font-size: 0.95em !important; vertical-align:top;}
#left-menu .current ul a { padding:0;}
#left-menu ul { font-weight: normal; margin: 0.5em 0 0 -4px; padding: 0; list-style-type: none;}
#left-menu ul ul { margin: 0.5em 0 0 0em; }
#left-menu li li { margin-bottom: 0.5em; padding:0 13px 0; text-indent: 0; background: none;}
/*#left-menu li { padding:0 0 0 11px; margin-bottom: 0.55em; } */
#left-menu li { padding: 3px 0 3px 26px; margin-bottom: 0.55em; }
#left-menu li li li { margin-bottom: 0.3em; }
#left-menu ul>li { padding: 0 0 0 13px;}
#left-menu .parent {padding: 0 0 0 26px;}</style>