Best way to fix this layout?

[AnthroAndStargate]

I am working on a layout located at here.

I was wondering if someone could help me. I am trying to make a curved corner in the top left of the blue side bar that curves out (and I am using nifty corners cubed, the JS+CSS script.) Anyways I was wondering if yall knew of a way to do this? I was thinking of making anohter div in front of the side bar that would have the top right corner cubed and match the background of the sidebar. How would I do this though? When I add another div and make it be float:right it messes everything up.

Is there a better way for me to do this? Also how can I make the sidebar (the blue bar) extend all the way to the bottom. These colors will be gone in the final layout, just using them for visual guidance.

Any help would be GREATLY appreciated. Thank you so much!

 

[Snapster]

The way to get it to extend (at least visually) is to have both the yellow and blow div's with a parent div which has a background image that repeats (in this case yellow/blue colour), and whatever div is bigger which naturally stretch it downwards. It's kind of an old trick anyway. As for the curve outwards.....oh I wish that was easy! It could probably be done if you messed with the JavaScript enough, but it's outside the realms of simple doings I think. The way nifty works is to gradually make a smaller 1px line within a container for however big the radius is and you end up with a nice curve. To do the reverse would mean being outside the container, which could be a problem.