Layout Issues

Ok so I probably have a messy (but valid!) setup with a CSS layout. I'm unsure exactly the best way to do this, but I basically have a sidebar that I want to hang to the right.

In most cases it does what I want.
http://www.jeremywilken.com

Somecases it extends the mainBody div as the sidebar get longer than the content in the mainBody div.
http://www.jeremywilken.com/test.html

And in other cases with my wordpress template, when the sidebar is larger than the mainBody div, it kicks one of the footer divs to the bottom.
http://www.jeremywilken.com/blog/?m=20071018

Is there an issue with my CSS code, or should I scrap the layout and try to redo it with a different kind of layout? I'm not exactly sure what question to ask, but any ideas?

Thanks a bunch in advance!
Jeremy

On the wordpress layout you need clear:both; on your footer.

As to the left column not extending enough or extending to far. Thats something you'll have to deal with because your content doesn't have any type of repeating background really. I guess you would make a matching curved corner containing element for your content and just make sure they are the same length. Perhaps get rid of the background color on the wrapper.

On the wordpress layout you need clear:both; on your footer.

I've tried several ways of trying to clear the floats, but to no avail. I have put clear:both, clear:right in the #footer {}, I have put a blank div with style="clear:both" in various locations below the sidebar div, but it always cuts the page leaving the footer severed.

Would it be better to do a different type of layout? Is it ok to have mixed some floats and relative positioning, or is there a better way? I'm doing this to learn and haven't had the experience to know the best method.

http://www.positioniseverything.net/easyclearing.html

May be useful

Frank

Thanks for that link, I need to spend some time with (after classes this week).

PS V for Vendetta is my favorite movie.