THE RIGHT COLUM IS UNDER THE LEFT ONE IN IE, IS A DIV !!! Options

[themusicworld205...]

IN FIREFOX THEY ARE NEXT TO EACHOTHER
BUT
IN INTERNET EXPLORER RIGHT COLUM IS UNDER THE LEFT ONE

(THIS IS NOT ALL THE CODE PUT THE MAIN PART OF IT THE PROMBLEM IS IN HERE I AM SURE BUT I DONT KNOW HOW TO FIX IT)

CODE

<style>

.profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileNetworking, .userProfileSchool, .userProfileCompany,

.extendedNetwork, .latestBlogEntry, .blurbs td.text, .orangetext15, .friendSpace, .friendsComments, table div { display:none!important; }
div table div, table table div { display:block!important; padding:0; }
object { bottom:0; left:0; margin:-1px 0 0 -294px; position:absolute; }
td td td object { position:static; margin:auto; }
table, tr, td { background:none; border:none; }

.clearfix, .clearfix div { background-image:none!important; overflow:hidden; }
.clearfix { position:relative; top:-30px; width:728px; }
.clearfix .clearfix { bottom:-30px; margin:-45px 0 0; position:relative; top:auto; width:auto; }
.clearfix .clearfix div { margin:45px 0 0; }
.clearfix .clearfix div div { margin:auto; }
.profile, .profile div, .profile input, .clearfix select, .clearfix option, .clearfix ul { display:none!important; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }

td, p, a, span, div, ol, ul, li, font { color:rgb(157,157,140); font:12px/18px 'trebuchet ms', arial, sans-serif; }
.navigation li, .footer p, .footer a { font:9px 'trebuchet ms', arial, sans-serif; }
a:hover, a:active { text-decoration:none!important; }
p, span, li, font { padding:5px; }
h1 { font-size:15px; font-weight:normal; color:rgb(252,252,252); border-bottom:1px solid rgb(0,114,196); display:block; }
h2 { font-size:12px; font-weight:normal; color:rgb(252,252,252); border-bottom:1px solid rgb(0,62,107); display:block; }
h3, h4, h5, h6 { font-size:12px; }

a img { border:1px solid rgb(0,114,196); }
a img:hover { border:1px solid rgb(255,216,0); }

.content_text a:link, .content_text a:visited, .footer a:link, .footer a:visited { color:rgb(173,173,137); }
.content_text a:hover, .content_text a:active, .footer p a:hover, .footer p a:active { color:rgb(193,193,121); }

:focus { outline:none; }

body { background:url(http://i42.tinypic.com/2443cic.png); margin-top:50px; }

.navigation { background:rgb(16,16,16); border-bottom:3px solid rgb(0,114,196); left:0; position:fixed; top:0; width:100%; }
.navigation ul { margin:0 auto; padding:5px 0; width:980px; }
.navigation ul li { display:inline; list-style:none; margin:0; text-transform:uppercase; }
.navigation ul li a:link, .navigation ul li a:visited { color:rgb(252,252,252); font:9px 'trebuchet ms', arial, sans-serif; padding:7px 8px; }
.navigation ul li a:hover { color:rgb(252,252,252); background:rgb(0,114,196); }

.main { left:0; position:absolute; top:160px; width:100%; }
.top { background:url(http://i43.tinypic.com/10opdnt.png) top center repeat-x; height:30px; width:100%; }

.content { background:rgb(16,16,16); width:100%; }
.content_text { margin:0 auto; width:980px; }

.details { margin:0 auto; width:468px; }
.details_top { background:url(http://i41.tinypic.com/nwlqmd.jpg) no-repeat; height:8px; width:468px; }
.details_mid { background:url(http://i44.tinypic.com/anc582.png) repeat-y; width:468px; }
.details_mid table { width:100%; }
.details_mid table td { vertical-align:top; font:bold 9px 'trebuchet ms', arial, sans-serif; }
.details_mid table td span { color:rgb(229,225,23); font:bold 9px 'trebuchet ms', arial, sans-serif; }
.details_bot { background:url(http://i39.tinypic.com/1ftuhk.png) no-repeat; height:8px; width:468px; }

.left { float:left; border-right:1px solid rgb(0,114,196); }
.right { float:right; border-left:1px solid rgb(0,62,107); }
.left, .right { height:100%; width:486px; }

span.number { color:rgb(229,225,23); font:bold 9px 'trebuchet ms', arial, sans-serif; }
span.number:hover { color:b1ae11; }

.friends { clear:both; margin:0 auto; width:960px; }
.friends_top { background:url(http://i40.tinypic.com/2w6uwt1.png) no-repeat; height:8px; width:960px; }
.friends_mid { background:url(http://i41.tinypic.com/289judl.png) repeat-y; width:960px; }
.friends_mid h1 { border:none; margin:0 20px; }
.friends_mid img { margin:5px 0 5px 10px; width:70px; }
.friends_bot { background:url(http://i44.tinypic.com/2ykdmpj.jpg) no-repeat; height:8px; width:960px; }

.footer { background:url(http://i43.tinypic.com/2126894.png) top center repeat-x; height:30px; padding-top:40px; width:100%; }
.footer p { margin:0 auto; text-transform:uppercase; width:980px; }

.stoopid_ie { content:"internet explorer fixes"; }
.navigation { _left:50%; _margin-left:-500px; _position:absolute; _width:1000px; }
.main { _left:50%; _margin-left:-500px; _width:1000px; }
.content_text { _text-align:center; }
.details_top, .friends_top { _background-position:bottom; }
.details, .left, .right { _text-align:left; }
</style>

MAIN QUESTION:HOW CAN I MAKE IT LOOK LIKE FIREFOX
EXAMPLE PICTURE:

FIREFOX: http://i39.tinypic.com/30k3eok.png

INTERNET EXPLORER: http://i42.tinypic.com/i6f1ab.png

[themusicworld205...]

i found the promblem is when i put a picture or a flash player or something else thats not plain text in the right ....
it makes the right go under the left column

put thats only in IE
-how can i fix that ?



this is the link of the preview of the layout :

http://fixtatik.com/fms/layouts/index.php?...amp;layoutid=10

Reason for edit: Please use the Edit button instead of double-posting. - Mike