style works in Firefox but not IE

the site i'm working on is: http://ipthing.com

When i view it with firefox, I can see the border & background around the <h1> tags, but when viewed with IE6, no background or border.

This is what I have for the <h1> in the css file:

h1 { 
	margin: 10px 0 10px 0;
	padding: 4px;
	font-size: 100%; 
	color: #555555;
	border: 1px solid #cccccc;
	background: #fafafa;
}

h1 span {
	color: #ff0000;
}

Code (markup):

Any help would be appreciated.

Thanks

 

I found the answer, it's a bug in ie6.

adding:

position:relative;

to h1 fixed the problem.

 

Having same sorta prob!
Thanks itssangy....