I'm helping a friend do a blog template using div layers, but the two columns tend to overlap when I resize the window. Is there any way to fix it so it doesn't overlap, but just scrolls sideways instead?

http://rebel.leaena.net/clara.html

it looks like the second div is positioned from the right... maybe you could position it from the left instead, i think that would make it scroll rather than overlap.

Erm.. I'm sorry... which one?

Em, the very first div "header" doesn't really do anything. Its just the logo (sort of).

Did you mean the blog? or the sidebar?? >_<

The little div to the right (sidebar, I think). The one with the title "Buahahahaha."

it still doesn't work?? sorry.

http://rebel.leaena.net/clara.html