Simple hyperlink hover - border not showing in IE

[Scam]

http://www.tranquilmedia.co.uk/

You can view the source... the CSS is in the same file. On 'tranquilmedia' (bottom right) thats a link and it should show a bottom-border when you hover (check it in FF). In IE it's simply refusing to Works fine in FF, but IE does the same thing on the links inside the popup as well. Whats the deal?

Oh, it's not border: 0; on the * selector thats causing it, i've tried removing that..

 

[Scam]

Thanks Augmented. I'm not really sure what you're on about but it does work

I've fixed the copyright underline on the splash by doing what you've said, and also on the popup's header by changing from position: absolute; to position: relative;, easy enough!

However, the hyperlink on the popup's footer don't seem to want to play nice. Any ideas?

HTML:

<div id="footer">
<p class="left">
<a href="about.html" title="About Tranquil Media" target="vidframe">about</a> | 
<a href="contact.html" title="Contact Tranquil Media" target="vidframe">contact</a> | 
<a href="clients" title="Client Login" target="vidframe">client login</a>
</p>

<p class="right">copyright &copy; <a href="mailto:[email protected]" title="Click to email Tranquil Media">tranquilmedia</a> 2006. all rights reserved.</p></div><!--/footer-->

CSS:

div#footer {	
	clear: both;
	width: 100%;
	height: 20px;
	overflow: hidden;
	text-align: center;
	color: #2ea8fe;
	background: #fff url(img/footer-bg.jpg) no-repeat scroll bottom;
	}
	
div#footer p.right { float: right; margin-right: 0.5em;}

div#footer p.left { float: left; margin-left: 0.5em; color: #4f4f4f;}

Thanks!


EDIT: I did a spot of reading and tried a number of things. Adding height: 100%; seems to work, and not effect the layout. Is this ok to use?

div#footer p.right { float: right; margin-right: 0.5em; height: 100%;}

div#footer p.left { float: left; margin-left: 0.5em; color: #4f4f4f; height: 100%;}