View Full Version : CSS Spotlight Menu showing up vertical, not in line???

08-22-2013, 12:59 PM
1) Script Title: CSS Spotlight Menu

2) Script URL (on DD): http://www.dynamicdrive.com/style/csslibrary/item/css_spotlight_menu/

3) Describe problem: I installed the CSS Spotlight Menu script on my youth football league website. It shows up perfect in Chrome and Firefox, but for what ever reason when I load the page in IE it shows up as a vertical menu. I know that it won't be animated, but I need it to at least still have the same in-line appearance as it does in Chrome and Firefox. Am I doing something wrong here?


I set up a test page with no other content and no other scripts and have the same problem:


Please help.... Fyi I'm using IE8 - I'm guessing that may have something to do with it, but if that is indeed the problem then what can I do about it? I need some sort of solution other than asking 300+ families to update their web browser.

Any help is truly appreciated...

08-22-2013, 01:04 PM
I would also like to note - the demo script on the DynamicDrive page shows up just fine in IE8 for me, it's just when I put the demo script on my web server that it no longer displays correctly.

08-22-2013, 01:40 PM
Use a standards invoking DOCTYPE as the first thing on the page:

<!DOCTYPE html>
<style type="text/css">

width: 100%;
} . . .

The browser cache may need to be cleared and/or the page refreshed to see changes.

08-22-2013, 02:11 PM
Oh perfect - thank you..! Had no idea about that requirement at all. I learned basic HTML programming years and years ago and have never evolved =-) Thanks again.