Jump to content

Archived

This topic is now archived and is closed to further replies.

joquius

Border cutoff in IE6

Recommended Posts

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.

Share this post


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

Share this post


Link to post
Share on other sites

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.