IE 9 and lower, menu is not lined up correctly

If you can take a look here, http://www.qtmarketcenter.com/index.php in IE 9 or lower the nav menu is not aligned correctly. In IE 10, Firefox and Chrome it looks fine. If you F12 when in IE 9 or lower and change the Document mode from quirks to any of the IE standards, the menu displays properly. What can I do to fix this?

Delete the three lines above the <!DOCTYPE> statement. NOTHING should exist above the doctype.

I’m not sure it matters too much if there’s blank space above a doctype. Anyhow, the menu looks the same to me in Chrome, Ff and IE9. Where is it meant to be?

Leeway granted, but

<link rel=“icon” type=“image/ico” href=“favicon.ico”>

above the doctype will trigger quirks in IE8 and presumably IE9.

Certainly, but is that what you see? Maybe it’s been changed since the first post, as I see nothing above the doctype now except blank space.

An FF screen shot, just for you :slight_smile: :

Very wee-ud. In all of my browsers, there are just 3 blank links above the doctype in the source code. :-/

that did it, thank you

Now there are two doctypes :slight_smile:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><link rel="shortcut icon" href="/favicon.ico" /><link rel="icon" type="image/ico" href="favicon.ico">


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

Get rid of the second one :slight_smile:

May be be better to get rid of the top one since it is not followed by an <html> tag, and move one of the favicon links between the <head> tags. Just a thought.

Yes of course :slight_smile: