CSS Round Corners Problem

[goalieman34]

Below is the CSS I have to round the corners of my Nav Bar on my website. Not sure why it is not working. Can anyone see the issue ?

.horizontalNavigationBar {-webkit-border-top-right-radius: 8px; -moz-border-radius-top-right: 8px; border-top-right-radius: 8px; -webkit-border-top-left-radius: 8px; -moz-border-radius-top-left: 8px; border-top-left-radius: 8px;}

http://fsjjobs.squarespace.com/

[Paulie_D]

There seems to be two navigation (Top & Bottom) areas overlaying one another.

It’s very odd.

My guess is that the effect is working but there is something on top of it hiding the effect.

In fact, if you turn of the ‘display:none’ on line 834 for your NavigationTop, you can see that a border-radius is being applied.

[matt_sanford]

Is there a reason that you have two overlaying navigation bars?

[Kitty Giraudel]

There is a background-color on .canvasWrapper. It seems to be the source of your problem.

[goalieman34]

Thanks everyone! I was able to solve this problem.

[Author]

Posts