I'm new to CSS and am having issues in IE6 when viewing the following page: http://apcointl.org/frequency/redesign/new_afc_page.php It looks fine in Firefox but IE always pushes the right sidebar down below the content. I have tried vertical-align:top and float:right. vertical-align doesn't work. float:right works only in moving the sidebar to the right, but it doesn't force it to be in line with the content. Any ideas? I can't seem to figure it out. Thanks!
try putting the html for the "sidebar" div before the "content" div. so <div id="sidebar">...</div> <div id="content">...</div> I usually have that problem when putting left floated and right floated divs next to each other
rikun, Thanks for the suggestion - I made the change but now have the opposite problem. The sidebar is displayed correctly but the content section is moved down below. It's updated at the link above.
got it working... reduced padding and increased width... moved sidebar to left and it looks good now in IE6. i hate ie6
keep the css the same as it was before you switched it. i think you switch "content" to right and "sidebar" to left right? the way it was before was fine i think.