rounded corners on nav on all layers

[penny772 0]

I cant seem to get all the layers of the hover, on , down, and up in the nav to have rounded edges, can someone look at my code please. Also I seem to have lost the 5px around all the edges of my header. thanks in advance. body{ } .main_nav li { margin: 5px 10px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;} .main_nav ul { margin: 5px 10px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;} #branding .content-pad { padding: 5px; } .content-pad {padding:0px !important} .fixed_width #page, .fixed_width #footer, .canvas #page-canvas {width:1030px !important} #pl_prints{border*#000000*} #pl_jewellery{border:#C0C0C0} #boxes h3 {text-align:center;} #soapbox .dcol-pad{border:0px solid #put custom color in here;} #cred{display:none;} <!-- this takes the pagelines color away--> .page-id-84 .eStore-fancy3 { border: 2px solid; padding: 20px; color: #C0C0C0;} #page-canvas{ -webkit-border-radius:10px; -moz-border-radius:10px; }

[penny772 0]

I have black lines seperating sections also in my page that i need to delete, under each soapbox and different sections on the page.

[penny772 0]

sorry my site is http://latrobefineartgallery.com.au/

[catrina 103]

Replace

.main_nav li

with

#menu-main div.main-nav li.menu-item

so that it's more specific. Also, add this CSS (for adding rounded corners to the items in the submenu):

ul.sub-menu li.menu-item {margin: 5px 10px;
	-moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;} 

[penny772 0]

Hi Catrina thanks for that however it only swaps them around, the gallery section is now rounded corners and not the beverley section and on all the over states the green is not rounded, however you can just see that underneath them they have rounded corners when they are black or when the overwhen down/ Can i do a navigation bar in fireworks and just import the code into platform pro? How do i identify the page numbers to change the feature size for different pages.

[catrina 103]

Can you tell me specifically which elements need rounded corners (so that I may give you the correct CSS selectors)? By page numbers, I'm quite sure you mean page IDs. To find page IDs, view the source of your page and in the body class selector, look for something that looks like this:

page-id-16

^ The number is the page ID.

[penny772 0]

Hi catrina I think that i am going to watch a few tutorials on firebug and get to know it, to make everyones life a little simpler, thanks so much yet again and i will use the page id numbers for my features css.