Search the Community

I want to create such type drop list http://datanova.co.in/dnitest/test/Untitled-2.jpg I have tried this working only in chrome but it not working in mozila and ie link: http://jsfiddle.net/manojnaanak/A7JCm/1/ select.selectGradiant {background: url(http://datanova.co.in/dnitest/test/dropBackFull.jpg);background-position: 100% 53%, center center;background-repeat: no-repeat;border: 1px solid #BBBBBB;-webkit-appearance: none;-moz-webkit-appearance: none;-khtml-webkit-appearance: none;height: 18px;width: 35px;font-size: 10px;box-shadow: 1px 0px 1px #999;-moz-box-shadow: 1px 0px 1px #999;-webkit-box-shadow: 1px 0px 1px #999;}

Hi,I have an unordered list written in HTML and I want to get it to work as a drop down menu with CSS. The list code is fairly basic but I have no idea what to do for the CSS. Below is the HTML for the list. I don't have any control over it since it's generated by WordPress. HTML <div class="menu-main-menu-container"><ul id="menu-main-menu" class="menu"> <li id="menu-item-79" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-79"><a href="http://suburbanjunkie.zxq.net">Home</a></li> <li id="menu-item-80" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-80"><a href="http://suburbanjunkie.zxq.net/theband/">The Band</a></li> <li id="menu-item-81" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-81"><a href="http://suburbanjunkie.zxq.net/category/uncategorized/">Uncategorized</a></li> <li id="menu-item-82" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-82"><a href="http://suburbanjunkie.zxq.net/category/level-1/">level 1</a> <ul class="sub-menu"> <li id="menu-item-83" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-83"><a href="http://suburbanjunkie.zxq.net/category/level-1/level-2/">level 2</a> <ul class="sub-menu"> <li id="menu-item-84" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-84"><a href="http://suburbanjunkie.zxq.net/category/level-1/level-2/level-3/">level 3</a> <ul class="sub-menu"> <li id="menu-item-85" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-85"><a href="http://suburbanjunkie.zxq.net/category/level-1/level-2/level-3/level-4/">level 4</a> <ul class="sub-menu"> <li id="menu-item-86" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-86"><a href="http://suburbanjunkie.zxq.net/category/level-1/level-2/level-3/level-4/level-5/">level 5</a></li> </ul> </li> </ul> </li> </ul> </li> <li id="menu-item-87" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-87"><a href="http://suburbanjunkie.zxq.net/category/level-1/level-22/">level 22</a> <ul class="sub-menu"> <li id="menu-item-88" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-88"><a href="http://suburbanjunkie.zxq.net/category/level-1/level-22/level-33/">level 33</a></li> </ul> </li> <li id="menu-item-89" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-89"><a href="http://suburbanjunkie.zxq.net/category/level-1/level-222/">level 222</a></li> </ul> </li> <li id="menu-item-90" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-90"><a href="http://suburbanjunkie.zxq.net/category/meta/">Meta</a></li></ul></div> Thanks in advance