Layout is really weird in IE.

[Xyphon]

Here is my website link:

http://furiousflash.com/shadowofeternal/

 

Now, if you see it in firefox, and see it in ie.. You'll notice the left menu is on the right side in IE..

 

I'll show you my CSS:

a:link {
color:#990000;
text-decoration:none;
font-weight:bold;
}
img {
border:none;
}
a:visited {
color:#990000;
text-decoration:none;
font-weight:bold;
}
.center {
text-align: center;
}
.table_border1 {
border: 1px solid black;
}
.table_border2 {
border: 1px solid black;
background-color: gray;
}
.quote {
border: 1px solid black;
background-color: #FFFFCC;
margin:5px;
}
.table_replace {
border: 1px solid black;
}
.hp_bar {
border: 1px solid black;
padding: 0px;
width:100px;
height:10px;
}

.mp_bar {
width:100px;
border: 1px solid black;
float:right;
}
.table_replaceb {
border: 0px solid black;
word-wrap: break-word;
background-color: #CCCCCC;
padding-bottom: 1px;
}
.table_replace2 {
border: 1px solid black;
background-color: #CCCCCC;
word-wrap: break-word;
}
.table_replacenc2 {
border: 1px solid black;
background-color: #777777;
word-wrap: break-word;
padding-bottom: 1px;
}
.table_replacenc3 {
border: 1px solid black;
background-color: #777777;
word-wrap: break-word;
padding-bottom: 1px;
border-bottom:1px;
}
.table_replacenc4 {
border: 1px solid black;
background-color: #777777;
word-wrap: break-word;
padding-bottom: 1px;
border-top:1px;
}

.table_replacenc {
border: 0px solid black;
word-wrap: break-word;
overflow:auto;
padding-bottom: 1px;
}
.table_replace3 {
border: 1px solid black;
float: left;
word-wrap: break-word;
background-color: #CCCCCC;
padding-bottom: 1px;
}
.table_replaceb2 {
border: 1px solid black;
float:left;
width:138px;
height:60px;
word-wrap: break-word;
background-color: #777777;
padding-bottom: 1px;
}
.table_replace4 {
border: 1px solid black;
float: left;
word-wrap: break-word;
background-color: #CCCCCC;
padding-bottom: 1px;
}
.table_replaceml {
border: 1px solid black;
background-color: #CCCCCC;
text-align:left;
word-wrap: break-word;
padding-bottom: 1px;
}
.table_replaceml2 {
border: 1px solid black;
float: left;
background-color: #777777;
text-align:left;
word-wrap: break-word;
padding-bottom: 1px;
}
.table_replace5 {
border: 1px solid black;
float: left;
width: 50%;
background-color: #CCCCCC;
word-wrap: break-word;
padding-bottom: 1px;
}
.table_replace6 {
border: 1px solid black;
background-color: #CCCCCC;
width: 50%;
word-wrap: break-word;
padding-bottom: 1px;
}
a:hover {
text-decoration: underline;
}

body {
width:1024px;
margin:0px auto;
background:#000000;
text-align:center;
}

#banner {
border:1px solid #000000;
width:1022px;
height:148px;
float:left;
background:#222222;
}

#quicklinks {
border:1px solid;
border-top:0px;
float:left;
width:1012px;
padding:0px 5px 0px 5px;
background:#222222;
}

#leftmenu {
float:left;
width:219px;
border:1px solid #000000;
border-top:0px;
font-family:verdana;
}

#leftmenu ul {
margin:0;
padding:0;
list-style-type:none;
font-family:verdana;
}

#leftmenu li {
font-weight:bold;
font-variant:small-caps;
font-size:large;
letter-spacing:1px;
font-family:verdana;
background-color: #CCCCCC;
border-top:1px solid black;
}

#leftmenu li ul li {
border:0px
font-weight:normal;
background:transparent;
padding:0px 8px;
font-size:small;
font-variant:normal;
letter-spacing:0px;
font-family:verdana;
background-color: #777777;
padding-bottom: 1px;
border-top:1px solid black;
}

#content {
float:left;
width:559px;
border:1px solid #000000;
margin:5px;
padding:5px;
background:#222222;
padding-bottom: 1px;
color:#CC0000;
}
#content2 {
float:left;
width:560px;
border:1px solid #000000;
margin:5px;
padding:5px;
background:#222222;
padding-bottom: 1px;
}

#rightmenu {
float:left;
width:219px;
border:1px solid #000000;
border-top:0px;
font-family:verdana;
}

#rightmenu ul {
margin:0;
padding:0;
list-style-type:none;
font-family:verdana;
}

#rightmenu li {
font-weight:bold;
font-variant:small-caps;
font-size:large;
letter-spacing:1px;
font-family:verdana;
background-color: #CCCCCC;
border-top:1px solid black;
}

#rightmenu li ul li {
border:0px
font-weight:normal;
background:transparent;
padding:0px 8px;
font-size:small;
font-variant:normal;
letter-spacing:0px;
font-family:verdana;
background-color: #777777;
padding-bottom: 1px;
border-top:1px solid black;
}

textarea {
background:#FFFFFF;
width:100%;
height:200px;
text-align:center;
}

#footer {
width:386px;
border:1px solid #000000;
margin-left:145px;
float:left;
padding:5px;
background:#5C5C5C;
}
.Container {
float:center;
width:440px;
margin: 0 auto;
}
.ContainerL {
text-align:right;
float:left;
width:200px;
height:30px;
font-variant:small-caps;
font-size:22px;
}
.ContainerR {
text-align:left;
}
#submit {
border:1px solid black;
}

If you want to see the html, look at the source.

 

Thanks for any help..

[Xyphon]

Never mind, fixed it.