IE 7 displaying links on top of each other

[hrcwebmaster]

I am trying to fix a problem that only occurs in IE 7 (and probably 6). View my page here with browser mode in IE7 (or view the screenshot I have attached) and you will see what I mean: http://houserepublicans.wa.gov/brad-klippert/. The hyperlinks are overlapping in some places, but not all. In my main stylesheet, I have

a {display:inline !important;}

It is the very last rule. While this worked to fix the problem in other browsers/versions, it doesn't for IE 7. I have spent a ridiculous amount of time with Google searching, to no avail. The biggest recommendation out there (and I think it was mostly if you're trying to use display:inline-block) was to add:

	    zoom: 1;	    *display: inline;

to my declaration. This merely makes my links dissapear altogether. I would appreciate any thoughts/ideas/links/suggestions...at my wits' end.I thought I could just ignore IE7, because it's nearly 3 versions old now, but unfortunately the agency I work for has "compatibility view" as a default selected on all our computers, as well as IE as the default browser. So people see our brand new beautiful site and think it's ugly.Thank you!!

[Ingolme]

Links are inline by default, you shouldn't have to set it. The problem seems to come from the #sitelogo A selector, in which the line-height is being set to 0. Perhaps you didn't properly close the #sitelogo element. That reminds me, a lot of problems are usually due to bad HTML, you should check that your HTML is right using the W3C validator: http://validator.w3.org/check?uri=http%3A%2F%2Fhouserepublicans.wa.gov%2Fbrad-klippert%2F&charset=%28detect+automatically%29&doctype=Inline&group=0 Your page has a lot of errors on it.