Fixed Width Rounded Corners Conundrum

[mvcwp 0]

I'm having a devil of a time trying to round the top corners of my page-canvas div. I've tried to see the tips in many of the forum pages, but nothing seems to work. I think my problem may stem from the fact that my main nav floats right, or something with transparencies, but I'm not sure. There the last css that I've tried ' #page-canvas { -moz-border-radius-topleft:15px; -moz-border-radius-topright:15px; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; border-top-right-radius: 15px; border-top-left-radius: 15px; } #page-canvas #header {background:transparent !important;} #page-canvas #header .outline {background:transparent !important;} #page-canvas #header .outline #branding {background:transparent !important;} ' and you can see the page at http://lifechange.org/wordpress Any suggestions would be appreciated.

[kastelic 6]

You did a good job drilling down and adding the transparency to each div down the line, unfortunately its the containing div that needed the transparency. Try this: [code] #page { background: transparent !important; } #page-canvas { background: white !important; } [/code]

[mvcwp 0]

That's what you call missing the forest for the trees. Worked like a charm. Thanks so much for helping me out!