Hi all,

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

/* 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}

You may have to create more css that targets just the submenus to eliminate styling inherited from the main menu. This is because of the cascade affect of css.