Keskustelu: Nettisivujen teko: CSS: IE6 ja pystykeskitys

Eli menupalkki toimii hienosti muilla, mutta ei yllättäen IE6:lla. Mikä hack tähän auttaisi? Eli muissa näkyy keskitysti (tekstin yllä ja alla saman verran tilaa), mutta IE6:lla teksti on yläreunassa.

<div id="footer">
  <ul id="linkit">
    <li><a href="index.php">etusivu</a></li>
    <li><a href="palvelut.php">palvelut</a></li>
  </ul>
</div>

#linkit {
	list-style: none;
	text-align: center;
	padding-top: 2px;
}

#linkit li {
	display: inline;
	color: #819955;
	padding-left: 14px;
	padding-right: 14px;
	margin-top: auto;
	margin-bottom: auto;
}

Aseta jokin line-height -arvo ja vaikka vertical-align: middle; sen sijaan että yrität keskittää marginaalien voimalla. Toimii varmasti selaimesta toiseen.