Border cutoff in IE6

[joquius]

Being a bit lazy with this, but I have the following issue.

Here's the code first:

[code]
div {
position: absolute;
left: 15px;
top: 9px;
font-size: 9pt;
}
div a {
outline: 0;
margin: 0;
padding: 3px 10px 3px 10px;
border: 1px solid #fcfcfc;
background: transparent;
}
div a:hover {
border: 1px solid #e0e0e9;
color: #607090;
background: #f0f3f9;
}
[/code]

That's the css (removed classes), here's the html it's working with:

<div>
<a href="?link">link< / a>
</div>

Simple as anything. The problem is that it looks ok in firefox (get a box when hovering), but in IE6 I get this ugly cutoff box, which seems to have the side padding and border ok, but the top and bottom parts have been cut down to the "link" text.

Any ideas?  ???

btw: haven't been here for a while, but the forum looks much better, good job.

[nogray]

pretty wired, you can just add some padding to the top and bottom in the div
[code]
padding-top:4px;
padding-bottom:4px;
[/code]

[joquius]

cheers  ;)

That actually works.