IE6 CSS Bug - ULs and LIs

Question

I have a CSS issue that only occurs in IE6. I am completely at a standstill and hope someone else can help.

In IE6, if you go to www.moneysupermarket.com/loans and find a loan of £ 5,000 over 5 years, Homeowner - Mortgaged, you will get a page with the results of the loan.

Scroll to the bottom of the page and you will see a table of personalized pricing results.

How it should and appears:

If it looks right when the page loads, clicking on one of the other tabs knocks it out.

Annoyingly, the IE6 developer toolbar is not very convenient. As soon as I change any styles to UL or LI that make up the tabs, it looks great. If I make the same change in the CSS file and update, it doesn't seem to work.

hasLayout, : inline-block height: 1% .

!

Answer 1

, .

: static , .

Answer 2

, " " " ", "", .

, div id ucSearchResults_tbLoansResults. , , .

, . hasLayout , ? : 1 , , .

, , .

JS , .

,

Answer 3

, div, IE6 . , . , div , .

.msfg-money-loans-searchresultspersonal .msfg-repeater
{
    border: 1px solid #1A2F9B;
    width:800px;
    line-height:0;
    font-size:0;
}

. divs , . Span - , , -.

Answer 4

/. margin:0 .

Answer 5

, , . , . CSS reset, . - reset, , , . Firebug Firefox.