Whats causing this :: ie6 / ie7 compat issue

I'm working on a website that breaks (css) in ie <= 7.

I have no idea what rule could be causing the problem so I have no idea where to start 'fixing' it.

If sombody that knows css much better then I could look at it it I would be greatly obliged.

Here is the url:
http://explosive.whitelabelnow.com/signup/thank_you/35

Note* the cut off text above the red text at the top of the body and the splits down the page in the backgrounds of the body content areas.

What css rules are causing this to look like this in ie6 and ie7 ? and what 'hacks' do I need to fix it?

Thank you in advance for your help everyone.

 

I'm not seeing the background problem you speak of, but as for your cut off text, it is because the red text is overlapping the text above it. The reason is you have a line-height of 100% and a font-size of 130%. This makes your font taller than the line which results in overlap issues.

Try this. In your css, find this block of code:

.Txt_Welcome {
color:#333333;
display:inline;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:130%;
font-weight:bold;
/*line-height:100%; remove this line*/
margin-bottom:0;
margin-left:1px;
margin-top:5px;
padding-bottom:0;
padding-top:1px;
text-align:left;
width:710px;
}

Code (markup):

Comment out the line of code as indicated above, then find this block:

.Txt_READ {
color:#FF0000;
display:inline;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:140%;
font-weight:bold;
/*line-height:120%; remove this line*/
margin-bottom:0;
margin-left:1px;
margin-top:8px;
padding-bottom:2px;
padding-top:1px;
text-align:left;
width:710px;
}

Code (markup):

Comment out the line of code as shown. This will allow your font-size to dictate your line height. Then, if you need to readjust the position of the text a little, you can adjust your top and bottom margins.

 

Tip: make your code W3C valid (here'sa link to your page's test results: http://u.nu/2fwr4).

This might sound like a waste of time (especially with 35 errors to correct), but if you just validate once every 5 minutes while you code, it will save you a lot of time later on when looking for bugs.

 

Your recommendations led me to solve my problem, Thank you for your help

thank you jwitt98