IE problem

[dan_t]

Hi everyone,

I have a little problem here. The CSS I'm using worked with every browser but Internet Explorer.

For some reason my navbar goes to the middle of the screen. But on all the other browsers it is on the left, where it shoud be.

How can I fix this?

Here is my CSS, you will see I have tried a hundred different ways.

 

 

@charset "utf-8";

/* CSS Document */

 

body {

width:98%;

height:100%;

font-size:small;

padding:0;

margin:0;

text-align:center;

color: #FF3333;

}

 

#container {

font:Verdana, Arial, Helvetica, sans-serif;

text-align:center;

margin:auto;

height:100%;

}

 

h1 {font-family:Arial, Helvetica, sans-serif;

font-weight:bold;

font-size:60pt;

color:#FFFFFF;

}

 

h2 {

font-family:Arial, Helvetica, sans-serif;

font-size:12pt;

font-weight:normal;

color:#FFFFFF;

}

 

.smprint {

font-family:Arial, Helvetica, sans-serif;

font-size:12pt;

font-weight:normal;

color:#FFFFFF;

}

 

#nav  {

left:auto;

margin-left:10%;

margin-right:65%;

 

}

 

#rightCol {

float:left;

margin-right:20%;

text-decoration: none;

color: #FF3300;

width: 25%;

height: auto;

clear: none;

 

 

}

 

 

 

#contacts {

background-color:#FFFFFF;

margin-right:35%;

float:right;

padding-right:15px;

padding-left:15px;

}

 

 

#rightalign {

color:#FF3333;

margin-right:20%;

text-align:center;

word-spacing:normal;

float:none;

margin-left:50%;

width: auto;

}

 

[departedmind]

Remove text-align:center from body tag OR add text-align:left in navigation

Hope that works..