Browser display problems in everything other than IE!

css 'columns' jumping under one another

[vicksm]

Hi, I think I'm making a really elementary mistake which I just can't seem to locate. I've created a 2-column page (#contentleft and #contentright) within a frame for a newsletter which displays perfectly in IE, but in other browsers, the content of the right hand column jumps underneath the first, rather than lining up alongside it. Here's the bare bones of my css. I'm sure it's something really basic which I just haven't been able to see for looking. If anyone had any ideas, I'd be really grateful:

body {
text-align:center;
font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
color: #30150E;
}

#frame {
width:650px;
margin-right:auto;
margin-left:auto;
margin-top:10px;
text-align:left;
border: 2px solid #30150E;
padding: 0;
}

#contentleft {
width:257px;
padding:6px;
float:left;
background:#fff;
}

#contentright {
width:357x;
padding:6px;
float:left;
background:#eee;
border-left: 1px solid #30150E;
}

[ChadSEO]

Think I found the problem:

#contentright {
width:357x;

Should be

#contentright {
width:357px;

You're missing the "p" in "px".

[vicksm]

ChadSEO, you're an angel. Thank you so much. I thought it must be something that I simply wasn't seeing for looking.

Thanks again - you've sorted out a big headache for me.

Vicky