li a{ problem in IE 1

[Aron2]

I'd like to use an unordered list for the menu of a sit I'm working on. It seems simple enough, but for some reason IE isn't displaying a top border. Any help would be great.

<style type="text/css">
    ul{
    	margin:0px;
    	padding:0px;
    }
    li{
    	display:inline;
    	list-style-type:none;
    	margin:0px 0px 0px 3px;
    }
    li a{
    	border-top:2px solid #000;
    	border-left:2px solid #000;
    	border-right:2px solid #000;
    	border-bottom:0px;
    	padding:0px 3px 0px 3px;
    	text-decoration:none;
    }
    li a:hover{
    	color:#fff;
    	background:#000;
    }
</style>

<ul>
  <li>
    <a href="">Blog Home</a>
  </li>
  <li>
    <a href="">Register</a>
  </li>
  <li>
    <a href="">Make New Post</a>
  </li>
</ul>

 

[Vragabond]

It is one of those weird IE disappearing problems. Luckily, the solution is easy. Add [tt]position: relative;[/tt] to your [tt]li a { }[/tt] declaration and you should be fine.

 

[Aron2]

Thanks a ton. I can't check it right now (on my linux box), but it sounds like it'll work.

 

[Aron2]

I checked it, and it works.

Thanks.