如何在html中使用list或anchor元素进行修复?

http://jsbin.com/etete3/2

在FF 3.6 IE 8和7中测试

html格式

<a href="#" id="hello">Hello World, how are you, where is peace</a>

<a href="#" id="hello2">Hello World, how are you, where is peace</a>

css格式

a {background:yellow;width:150px;display:block;height:20px;overflow:hidden}

a:hover {background:pink;display:block;overflow:visible;height:auto;}

用这个怎么样 height auto 悬停。