Witam, mam problem z IE. Oto fragment kodu strony który sprawia kłopot(tak sporo inline css, ale po prostu już próbowałem wszystkiego)
<html>
<head>
</head>
<div style="background-color: #FFF; height:337px; text-align:center">
<div style="width:980; height:337px;margin-left:auto; margin-right:auto; text-align:center; background-color: #F00;">
<div style="float:left; height:337px; display: table; text-align:center;"><a style="text-align:center; height:337px; display: table-cell; line-height:337px; vertical-align: middle;" href="#"><img src="left.png" /></a></div>
<div style="float:right; "><a style="height:337px; display: table-cell; line-height:337px; vertical-align: middle;" href="#"><img src="right.png" /></a></div>
</div>
</div>
</div>
<body>
</body>
</html>
kiedy img zastępuje tekstem, wszystko działa. Dla każdej przeglądarki tekst się wyśrodkuje natomiast w przypadku zmiany na i . Wyśrodkowanie pionowe nie działa(tylko IE).