Main Content

This is 20% sidebar, 80% main

if still change to 25 and 80, the text will still disappear in firefox

in ie main will be forced down

since using a float:right for main, that box is drawn from right side of 100%, or the 100% line. So the left side of the box main will be drawn over the right side of sidebar div, at the 15% line

thereby forcing it below sidebar

still, why does the text just "disappear" in firefox, when total width of two divs, exceeds the width of contatiner div?

test

20/80 with equal height provides an alternative to adjusting text indent on the dna blog pages

dna blog

still have empty space, but it is colored empty space and provides good contrast for the text

test

next steps will be adding a header, image, and footer

test

add 5 paragraphs

test

test

test

sidebar div lengthens by that distance

Valid HTML 4.0!

Valid CSS!