design breaking in IE

[wwonder]

when the text is made smaller in IE the layout of my design breaks and the second column goes under the first column

http://www.nbyrne.co.uk/webwonder/about/

IE does not support min-width etc does anyone know how i can stop this from happening without making the columns narrower...

css code.

#content{
width: 54em;
float: left;
display: inline; /* IE6 double margin float*/
max-width: 71%;
margin: 0;
}

these are the two columns within the column div

#columna {
float: left;
width: 49%; /*or 26em;*/
margin: 40px 0 0 0;
padding: 0;
display: inline;/* IE double margin float*/
}

#columnb {
padding: 0;
margin: 40px 0 0 0;
float: right;
width: 49%; /*or 26em;*/
display: inline;/* IE double margin float*/
/*background: #FAF5FA;*/
}


wwonder

[KDLA]

When viewed with IE6, the column is already misplaced, without resizing the text.

KDLA

[wwonder]

this is because your default size of text is set diff from mine if you make your text size larger then you will not have a broken page this is what i wish to try and change - the layout breaking when the text gets smaller.

[wwonder]

i have sorted the problem out now thanks