CSS & IE problem

[MeGa]

HTML code:
<div class="topbar"><a href="#">Home</a> <a href="#">Web Server</a></div>

CSS corresponding code:
a:link { color:#000000; }
a:visited { color:#A26024; }
a:hover { color:#975922; }
a:active { color:#839FBC; }

div.topbar { margin: 0 0 0 0; background-color: #BBC6CD; height:50px; }

Problem:
in all browsers but IE it is perfect. The problem is that IE doesn't make the link that good, it's very hard to click it (only the very 1st TOP pixel of the capital letters make the link, the rest isn't even treated as text

thanks in advance

PD. http://www.angelfire.com/linux/enigmax/

[Roy Sinclair]

div.logo as placed by your layout.css is overlapping your links.

[BroChris]

I recently ran into a similar problem. Apparently when you overlap your links with another object (in my case it was with a relatively positioned h1), the links that are hidden in Internet Explorer. The only thing I could do was make sure the h1 didn't overlap the links. However, in your case you might be able to make the overlapping div have the css attribute z-index:-1

This didn't work for me becuase then my h1 appeared behind things that I wanted it to be in front of, but it might work for you.