Why does this work in IE, the padding around it.
Its only an IE Problem!

1. http://jream.com/test.html - Works in IE
2. http://jream.com/test2.html - Fails in IE

(You can just view source from those pages if you want)

HTML Code:
<html>
<title>test</title>
<head>
<style type="text/css">
a {
  padding: 10px;
  color: black;
  font-size: 20px;
}
a:hover{background-color: red;}
</style>
</head>
<body>

<a href="#">Test Link with Padding</a>

</body>
</html>
HTML Code:
<html>
<title>test</title>
<head>
<style type="text/css">
a {
	padding: 20px;
	text-decoration: none; 
	font-size: 18px;
}
a:link {color:#ccc;}
a:visited {color:#ccc;}
a:hover {color:#fff; background: #95B26D;}
a:active {color:#fff;}

ul {
	position: relative;
	float: left;
	top: 65px;
	left: 40%;
}

ul li {
	display: inline;
}
</style>
</head>
<body>

<ul>
<li>
<a href="#" title="#">Test Link with Padding</a>
</li>
</ul>

</body>
</html>