How to remove separation between a table and horizontal line?

I have a table and bel开发者_StackOverflowow the table I have a horizontal line (<hr>). There is a vertical separation between the table and horizontal line and I would like to remove it. How can I do it? Does it comes from the table or the horizontal line or from both? By the way, I see it only in the IE. In Mozilla and Chrome there is not vertical separation between the table and the line.

First of all inspect your blocks with Firebug: https://addons.mozilla.org/hu/firefox/addon/firebug/

With this you will be able to see that which element has padding or margin. After you've found it simply give it a margin:0; property.

I believe the <hr> tag is a block element, try setting display:inline;