help:ul li a "overflow:hidden" bug in IE8?

the bug:

the code:

<!DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>bug page</title>
	<style type="text/css">
	#bigBox{
		width:300px;
		height:300px;
		border:1px solid red;
	}
	#articleList li a{
		display:block;
		width:100%;
		height:1.2em;
		overflow:hidden;	
	}

label alignment in IE and Safari

Hi, any idea how to fix the vertical alinment of the label here: http://www.webdevout.net/test?011

It looks central in firefox, but looks too high in Internet Explorer, and Safari.

Many thanks

Z-index

z-index changes the stacking order or layering of positioned elements. If no element is positioned then the stacking order gets higher, closer to the front, for each descendant.

Each positioned element that has been assigned a z-index other then auto, creates a stacking context, which may be easier to explain in another context lets use a sandpit. The sandpit is positioned absolutely so the children don't move it an make a bigger mess and has a z-index of 1.

Syndicate content