Wednesday, December 29, 2010

Found a nifty hack today for an IE
<div id="cont">
<ul>
<li><span>Some Text</span><span>Some Other Text</span></li>
<li><span>Some Text</span><span>Some Other Text</span></li>
<li><span>Some Text</span><span>Some Other Text</span></li>
<li><span>Some Text</span><span>Some Other Text</span></li>
<!-- ... and so on-->
</ul>
</div>


And for some then unknown reason, the right column of the list would be misaligned with the left column in IE7-5. The second span element in the first li element would appear below its corresponding li block.

The easiest way to solve this problem is to add a statement to a IE
position: absolute;
attribute to only the fist span tags in each li.

No comments: