Problema para centrar pagina CSS en IE 8
aquí les dejo el código de mi web para ver si alguien me dice que es lo que tengo que corregir...
Nota: la pagina no esta terminada solo es un borrador
gracias de antemano
Adrian Reyes
Código HTML:
<html>
<head>
<title>INSTRUSEL C.A - Instrumentos y Sellos C.A</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<style>
body {
background-color: #424242;
font-size: 14px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000000;
padding:0px;
margin:0px;
text-align:left;
}
a {color: #FF764D;}
a:visited {color:#FF764D;}
a:hover {color: #0087D6;}
a:active { color:#000000;}
h1 {
font-size: 14px;
font-weight: bold;
color: white;
text-transform:uppercase;
background-color: #EE4329;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }
h1.sombra {
color: #FFFFFF;
font-size: 14px;
text-shadow: 1px 1px 1px #000000;
}
h2 {
font-size:22px;
font-weight: bold;
padding: 2px 10px;
margin:0px;
text-transform:uppercase;}
img.download {vertical-align:middle;}
/* ----------Contenedor (toda la pagina)-------------- */
#container {
width: 800px;
text-align: center;
align: center;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #EBD3E0;
}
/* ----------Cabecera (logo)-------------- */
#banner {
background-color: #e1ddd9;
text-align: center;
padding: 0px;
margin: 0px;
}
#banner img {padding:10px 0px;}
/* ----------------- Contenido de pagina--------------------- */
#content {
background-color: #ffffff;
padding: 0px;
margin-left: 200px;
margin-right: 0px;
}
p, pre{
padding: 5px 10px;
margin:0px;
}
/* --------------Columna Izquierda------------- */
#left {
float: left;
width: 200px;
margin: 0px;
padding: 0px;
}
/* -----------Pie de Pagina--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 5px;
text-align: center; }
</style>
</head>
<body>
<div id="container">
<div id="banner">
<img alt="INSTRUSEL C.A - Instrumentos y Sellos C.A" src=""/>
<div id="left">
<h1 class="sombra">¿Quienes Somos?</h1>
</div>
<div id="content" align="justify">
<table>
<h2>Línea de Productos</h2>
<h1 class="sombra">Mecánica</h1>
<ul>
<li>Aceros Inoxidables</li>
<li>Bridas de Acero al Carbono</li>
<li>Tuberías de Acero al Carbono</li>
<li>Válvulas Bola, Compuerta, Mariposa.</li>
<li>Conexiones y accesorios Acero al Carbono.</li>
<li>Sellos Mecánicos de proceso.</li>
<li>Empacaduras Mecánicas, Espirometálica, Ring Joint.</li>
<li>Bombas y Accesorios de Lubricación Lincoln, Alemite, Graco.</li>
<li>Kits de Aislamiento.</li>
<li>Pinturas Industriales</li>
<li>Espárragos Industriales</li>
<li>Ferretería Industrial</li>
<li>Mangueras Hidráulicas e Industriales y sus Conexiones.</li>
<li>Sistema de Lubricación Especializado.</li>
<li>Equipos para soldadura Miller, Lincoln, Powcon, Víctor.</li>
</ul>
<h1>Seguridad</h1>
<ul>
<li>Sistemas de Detección y Extinción de Incendio.</li>
<li>Sistemas de Detección de Gases Combustibles.</li>
<li>Sistemas de Monitoreo por Circuito Cerrado de Televisión.</li>
<li>Sistemas de Detección y Extinción de Llama.</li>
<li>Sistemas de detección de Gases Tóxicos.</li>
<li>Sistemas de Detección de Intrusos.</li>
</ul>
<h1>Electricidad</h1>
<ul>
<li>Controles Eléctricos</li>
<li>Luminarias</li>
<li>Cables</li>
<li>Materiales Eléctricos (Domésticos e Industriales)</li>
<li>Transformadores</li>
<li>U.P.S.</li>
<li>Postes</li>
<li>Baterías</li>
</ul>
<br/>
</div>
<div id="footer">
<b>Diseñado por: Adrian Reyes -</b><a href=""><b>Gaita Zuliana</b></a>
</div>
</div>
</body>
</html>