IE6, Extra padding, help needed

[govoi]

Hello,

I'm facing a problem regarding some extra padding which is showing in IE 6 and IE7.
In firefox and IE8, everything is working fine.

You can find it here:
http://www.kmthc.be/testkevin/sabam/underline.html

As you can see, "Informatie en tarieven" is underlined in red, using a border bottom style.

But in IE6 and IE7, the border keeps going until the blue separator, but this is not what is supposed to be happening. The red line should just underline the text "Informatie en tarieven".

If anybody has some ideas, they are more than welcome.

Page is fully validated using W3C validator.

Thanks!

[j05hr]

If it's to do with too much padding, you might want to add this into the head of your html.

<!--[if IE]>
<style type="text/css" media="screen">
 #whatever-the-css-is-called {padding: 10px;}
</style>
<![endif]-->

Obviously call the css the name of your file and change the padding to suit the size of the problem.

This may be completely wrong as I'm no expert but it's worth a try as none of the experts have replied yet.

[govoi]

Hi j05hr,

thanks for your reply but it didn't work indeed...

Anybody any other suggestions?

Thanks

[govoi]

Anybody?