мне нужно поменять фон всплывающего меню

[Лис3]

я совсем запутался:

Это всплывающее меню. Оно работает. Но вот мне нужно поменять фон меню. Я прописываю в CSS ' #menu {background-color:#000000;} ' но фон черным не становится.

Так как всё- таки добраться до фона и размеров верхнего (главного,горизонтального) меню.

CSS:

 #menu,#menu li ul{ margin:0px; padding:0px; list-style:none;}
 #menu > ul > li{float:left; display:inline-block; margin-right:20px;}
 #menu li ul{display:none; position:absolute; z-index:100; width:200px;}
 #menu li:hover ul{display:block;}

HTML:

<div id="menu">
 <ul>
 <li><a href="./index.php?route=product/category&path=20">Компьютеры</a>

 <div>
 <ul>
 <li><a href="./index.php?route=product/category&path=20_26">PC</a></li>
 <li><a href="./index.php?route=product/category&path=20_27">Mac</a></li>
 </ul>
 </div>
 </li>
 <li><a href="./index.php?route=product/category&path=18">Ноутбуки</a>

 <div>
 <ul>
 <li><a href="./index.php?route=product/category&path=18_46">Macs</a></li>
 <li><a href="./index.php?route=product/category&path=18_45">Windows</a></li>
 </ul>
 </div>
 </li>
 <li><a href="./index.php?route=product/category&path=25">Компоненты</a>

 <div>
 <ul>
 <li><a href="./index.php?route=product/category&path=25_32">Веб-камеры</a></li>
 <li><a href="./index.php?route=product/category&path=25_28">Мониторы</a></li>
 <li><a href="./index.php?route=product/category&path=25_29">Мышки</a></li>
 <li><a href="./index.php?route=product/category&path=25_30">Принтеры</a></li>
 <li><a href="./index.php?route=product/category&path=25_31">Сканеры</a></li>
 </ul>
 </div>
 </li>
 <li><a href="./index.php?route=product/category&path=57">Планшеты</a>

 </li>
 <li><a href="./index.php?route=product/category&path=17">Програмное обеспечение</a>

 </li>
 <li><a href="./index.php?route=product/category&path=24">Телефоны и PDA</a>

 </li>
 <li><a href="./index.php?route=product/category&path=33">Камеры</a>

 </li>
 <li><a href="./index.php?route=product/category&path=34">MP3 Плееры</a>

 <div>
 <ul>
 <li><a href="./index.php?route=product/category&path=34_43">test 11</a></li>
 <li><a href="./index.php?route=product/category&path=34_44">test 12</a></li>
 <li><a href="./index.php?route=product/category&path=34_47">test 15</a></li>
 <li><a href="./index.php?route=product/category&path=34_48">test 16</a></li>
 <li><a href="./index.php?route=product/category&path=34_49">test 17</a></li>
 </ul>
 <ul>
 <li><a href="./index.php?route=product/category&path=34_50">test 18</a></li>
 <li><a href="./index.php?route=product/category&path=34_51">test 19</a></li>
 <li><a href="./index.php?route=product/category&path=34_52">test 20</a></li>
 <li><a href="./index.php?route=product/category&path=34_53">test 21</a></li>
 <li><a href="./index.php?route=product/category&path=34_54">test 22</a></li>
 </ul>
 <ul>
 <li><a href="./index.php?route=product/category&path=34_55">test 23</a></li>
 <li><a href="./index.php?route=product/category&path=34_56">test 24</a></li>
 <li><a href="./index.php?route=product/category&path=34_38">test 4</a></li>
 <li><a href="./index.php?route=product/category&path=34_37">test 5</a></li>
 <li><a href="./index.php?route=product/category&path=34_39">test 6</a></li>
 </ul>
 <ul>
 <li><a href="./index.php?route=product/category&path=34_40">test 7</a></li>
 <li><a href="./index.php?route=product/category&path=34_41">test 8</a></li>
 <li><a href="./index.php?route=product/category&path=34_42">test 9</a></li>
 </ul>
 </div>
 </li>
 </ul>
</div>

Edited December 23, 2012 by Лис3

[pashkje]

Пример: http://jsfiddle.net/Mq542

#menu li ul{display:none; position:absolute; z-index:100; width:200px; background: black;}

Edited December 23, 2012 by pashkje

[Лис3]

вы меня не совсем поняли.

мне нужно добраться до горизонтального меню. ну то которые всегда видно.

ПС

pashkje Спасибо. Полезный сервис.

[pashkje]

извиняюсь, не правильно понял. Вот прошу : http://jsfiddle.net/Mq542/3/

Не задавался бэкграунд, т.к. вы не указали ширину и высотку вашего <div id="menu">