Question

My problem is the website i maintain displays fine on firefox ,chrome and IE8 but a mess when viewed with IE7 and IE6. I ran out of possible fixes i can come up with and its mostly trial and error.
Im thinking of loading a separate stylesheet for IE6 and IE7 but i must solve this first.

Here is the page :

Search for a keyword

Answer 1

1. Child selector doesn’t work in IE6. For .searchDiv > h2. Change the selector to .searchDiv h2.
2. Negative margins get cut off, apply position:relative to .searchDiv .rightColumn
3. You assign width:100%; to a form which inherits padding:20px;. Remove the padding on that form.