Displays alright in FF, issue in IE

Hey all, I just finished up the new layout for my site... It looks greatin FF but in IE theres an issue where it says "Credit Required", whatever the required credit is like mirrors or part of it displays underneath the rest of the rates and such. Its hard to explain but you can see the problem in IE, I havent had a chance to check it in IE7 but in 6 you can clearly see if you look at a credit card...

http://getcredit365.com/index.php

 

The problem is caused by IE adding extra space around the <hr> tag on your page.
Fastest way to fix this is by replacing all <hr>'s with

<div class="hline">&nbsp;</div>

Code (markup):

Also, add the following to your css lines:

.hline {
 border-bottom: 1px solid #DCDEE1;
 background-color: #64666B;
 line-height: 1px; height: 1px;
}

Code (markup):

Tested on my computer, works fine both in IE7 and FF.

This is not the best practice but worth considering for a cosmetic adjustment if you do not wish to get deeper into changing the source.

 

Hmm, im still getting it in IE6...

Edit: fixed it, it took some tweaking and some really wierd dimensions to fix it but it works in IE6, if anyone can verify that its working in IE7 I would appreciate it...