Меню сайта на CSS

[Stevan]

Доброго всем времени суток. Помогите, пожалуйста, сделать меню для сайта. А точнее исправить ошибку. bg_menu1.png-фоновая картинка, изображающая рамку вокруг пунктов меню, bg_menu_separator.png- черта между пунктами меню, bg_menu_.png-верхушка рамки, bg_menu_over.png - подсветка выбранного пункта.

div[id="lselect"]>ul { background: url(bg_menu1.png)    center bottom no-repeat; } 

#lselect li { 
    font-size: 9px; 
    color: #8B8C8C;     
    padding: 8px 18px; 
    list-style-type: none; 
    } 


div[id="lselect"]>ul>li {padding-top: 5px; background: url(bg_menu_separator.png) center no-repeat; } 


div[id="lselect"]>ul>li:first-child { padding-top: 5px; background: url(bg_menu_.png) center no-repeat; } 
#lselect li:hover { background: url(bg_menu_over.png) center  no-repeat; }

После выполнения кода центруется только bg_menu1.png. Остальные картинки ведут отчет от левого края экрана. Почему так происходит? Где я сделал ошибку?

[Gradus]

омг первый раз вижу что бы так css писали, разве так возможно ?
а если так ?

#lselect ul li {padding-top: 5px; background: url(bg_menu_separator.png) center no-repeat; }

[Gerb22]

[offtop]Gradus, я такое вчера впервые увидел! Куда мир катится? [/offtop]