Jump to content

IE 7 displaying links on top of each other

Recommended Posts

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!!


Link to post
Share on other sites

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.

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...