Kolumner med procent

Hej!

Har ett knivigt problem, vet inte ens om det är möjligt. Så här ligger det i alla fall till:

Jag vill ha två kolumner på en sida, båda 50% breda. Här dyker första problemet upp, det verkar vara lite strul med att göra detta med div:ar då padding och margin spelar in i hur pass bred div:en är. Men detta är ju lätt fixat genom att lägga ytterliggare en div inuti den första (lite störande men inget jätteproblem)

Nu kommer det roliga. När div:ens bredd blir större än, säg, 100em så vill jag att dess bredd ökar till 100% så att div:en bredvid hoppar ner undertill. Är inte så insatt i vad min/max-width kan göra, så jag frågar: är detta möjligt utan att blanda in massa krånglig javascript?

Om det nu skulle gå att göra med några kluriga css-trix så kan jag sätta mitt ben på att det inte är speciellt cross browser. Och det är lättare att göra det i javascript än att försöka få det att fungera i olika webbläsare med css.