more ie6 issues

[ssbeats]

hi.

I am also having problems with my contact page. http://impwood.com/contact.php
The form seems to drop down the page slightly. It also does the same on the events link at the bottom. It appears that the only style which both of these have applied to them which the other pages havent is .text-left. i.e.

.text-left
{
text-align:left;
padding-left:18px;

}

However, i have experimented with these values yet nothing appears to change. Can anyone sugguest a reason for this problem?

Thanks.

[Centauri]

The problem is the wide right margin (600px) on #home-text - get rid of that and add clear: both; to its style to ensure it appears below the floats above, and then you can get rid of the negative top margin on #main-image-container. You will also need to add display: inline; to #home-text due to IE6's doubled float margin bug.

[ssbeats]

Thanks centauri! that was very helpful advise. i have now managed to iron out most compatibility issues.

i have just one more issue then i believe i am sorted. on the faq page http://impwood.com/faq.php there are two links at the bottom of the page (page 1 | page 2). They are there on firefox etc but not on any version of IE.

Im cant seem to figure out why. I think i may need to purchase a big fat book on css as its causing headaches!!! :-)

Thanks.

[Centauri]

This is due to setting a height on #main-image-container as well as overflow hidden - the links are outside the set height, therefore remove the height setting completely :
#main-image-container
{
float:right;
margin-right:40px;
width:596px;
height:452px;
overflow:hidden;
}