I have problem with CSS styling margins of padding menu.
So problem is, when i add 5px margin of classic menu, then i have +5px margin on everu dropdown menu. Also i wish to put 1px borders only on dropdown menus to separate menus, so if anyone have any syggestions?
Here is CSS i used to style my menu bar on my test domain hardwarestore.webege.com
Code:
/* Menu Bars */ div#menu1 ul.rMenu { background: #777777; } div#menu1 ul.rMenu li a { padding: 7px 13px 3px 13px; } div#menu1 ul.rMenu li { margin-top: 5px; margin-right : 1px; margin-bottom : 1px; } div#menu1 ul.rMenu { margin-top: 2px; } div#menu1 ul.rMenu li,div#menu1 ul.rMenu li a{ -webkit-border-top-left-radius:9px; -webkit-border-top-right-radius:9px; -moz-border-radius-topleft:9px; -moz-border-radius-topright:9px; border-top-left-radius:9px; border-top-right-radius:9px} div#menu1 ul.rMenu li li, div#menu1 ul.rMenu li li a{ -webkit-border-top-left-radius:0; -webkit-border-top-right-radius:0; -moz-border-radius-topleft:0; -moz-border-radius-topright:0; border-top-left-radius:0; border-top-right-radius:0}