sorry that will not do, either!
This proves to be more stubborn than expected...
You should use spans, instead of divs if you want them lined in the ceter of the container div and apply display property of inlilne-block
as in this example, since IE will not override DIVs native block property with css command but will add it to the span element.
Here's a working example:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<head>
<style type="text/css">
#centered{
margin: auto;
width: 80%;
padding: 5px;
background: #eee;
text-align: center;
border: solid 1px #777;
}
.center{
width:160px;
background: silver;
display: inline-block;
padding: 0px 10px 0px 10px;
text-align: left;
border: solid 1px #777;
}
</style>
</head>
<body>
<div id="centered">
<span class='center'>1 This is centered</span>
<span class='center'>2 This is centered</span>
<span class='center'>3 This is centered</span>
</div>
</body>
</html>