I'm trying to use jquery to add some floating behaviour to some columns dependent on the window width.

http://www.dknytkom.dk/dknyt-portal16.php

(Please, no comments regarding css media queries)

When I shrink the page I want one single column in which the left-column-right goes on top of left-column-left. The mark-up is done this way as the main content is within left-column-right which should either be centered on page or on top of the other columns.

So far I made the right column go underneath the two left-columns. But the left-column-left completely disappears. Weird thing though; when I do a search n' find in the browser on 'left-column-left', it magically appears.

Anyone has a thought on this. Is the HTML mark-up not done properly. Is it the  css?