IE7 CSS Broken to a Mystifying Degree

Question

I had this page working in IE7, but then I made some changes (small additions that I want to keep), and the whole thing went up in flames.

There are two big issues. The main one relates to the element, div#filters. I had this working previously through some IE7 hacks but now it's a giant mess.

The other issue is the google map, which is initiated within div#map.

Here it is:

http://jsfiddle.net/Kv3JV/

Thanks for any leads!

Answer 1

In search.css, remove the following declarations from the span.loc.header selector:

position:relative;
top:-1px;

and the following declarations from the div#amenities label selector:

position:relative;
top:-2px;

I don't know what these declarations were trying to accomplish, nor why they would mess up IE7 so badly, but when I removed them from a local copy of search.css, they made the listings and the map reappear, and I don't notice a difference in the display of the location headers or amenity labels.