Dreamweaver/Spry Drop Down Menu/IE/PHP

[DennisA]

I know most of you use Dreamweaver so this is a problem with the PHP in Dreamweaver:

 

HELP !!!

I created a web site http://www.terri-lizardlady.com and everything works great of FireFox.

Go to IE and the drop down does not work at all.  :wtf:Grrrr!

I even started a new site and just put in the spry drop down that they had & it still wouldn't work.

The major problem is that the person who owns the site is leaving for a big reptile show in Tinley Park, IL (TOMORROW MORNING AT 05:00) and wants to hand out her cards but the site isn't working.

 

Here is the code on the SpryMenuBarHorizontal.css:

 

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */

ul.MenuBarHorizontal

{

/* new addition */

text-align:center;

/* original */

margin: 0;

padding: 0;

list-style-type: none;

font-size: 100%;

cursor: default;

width: auto;

}

/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */

ul.MenuBarActive

{

z-index: 1000;

}

/* Menu item containers, position children relative to this container and are a fixed width */

ul.MenuBarHorizontal li

{

margin: 0;

padding: 0;

list-style-type: none;

font-size: 100%;

position: relative;

text-align: center; /* original - left */

cursor: pointer;

width: 8em;

float: left;

}

/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */

ul.MenuBarHorizontal ul

{

/* new addition */

text-align:center;

font-weight:bold;

/* original */

margin: 0;

padding: 0;

list-style-type: none;

font-size: 100%;

z-index: 1020;

cursor: default;

width: 7em; /* original - 8.2em */

position: absolute;

left: -1000em;

}

/* New coded added because of problems with IE  by Abraham Chaffin on http://forums.creativecow.net/thread/191/857886#866279*/

ul.MenuBarHorizontal li ul li{

clear: left;

}

 

/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible

{

left: 25; /* original - auto */

}

/* Menu item containers are same fixed width as parent */

ul.MenuBarHorizontal ul li

{

width: 14em; /* original - 8.2em */

}

/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */

ul.MenuBarHorizontal ul ul

{

position: absolute;

margin: -5% 0 0 95%;

}

/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible

{

left: auto;

top: 0;

}

 

/*******************************************************************************

 

DESIGN INFORMATION: describes color scheme, borders, fonts

 

*******************************************************************************/

 

/* Submenu containers have borders on all sides */

ul.MenuBarHorizontal ul

{

border: 0px solid black; /* original -  1px solid #CCC */

}

/* Menu items are a light gray block with padding and no text decoration */

ul.MenuBarHorizontal a

{

/* new addition */

border:2px solid black;

border-radius: 25px;

text-align:center;

font-family:Georgia, "Times New Roman", Times, serif;

font-weight: bolder;

Font-size:12px;

/*original*/

display: block;

cursor: pointer;

background-color: skyblue; /* original - #eee */

padding: 0.5em 0.75em;

color: black; /* original - #333 */

text-decoration: none;

}

/* Menu items that have mouse over or focus have a blue background and white text */

ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus

{

background-color: blue; /* was #33C */

color: red; /* original - FFF */

}

/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */

ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible

{

background-color: white; /* was 33C */

color: black; /* original - FFF */

}

 

/*******************************************************************************

 

SUBMENU INDICATION: styles if there is a submenu under a given menu item

 

*******************************************************************************/

 

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */

ul.MenuBarHorizontal a.MenuBarItemSubmenu

{

background-image: url(SpryMenuBarDown.gif);

background-repeat: no-repeat;

background-position: 95% 50%;

}

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */

ul.MenuBarHorizontal ul a.MenuBarItemSubmenu

{

background-image: url(SpryMenuBarRight.gif);

background-repeat: no-repeat;

background-position: 95% 50%;

}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */

ul.MenuBarHorizontal a.MenuBarItemSubmenuHover

{

background-image: url(SpryMenuBarDownHover.gif);

background-repeat: no-repeat;

background-position: 95% 50%;

}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */

ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover

{

background-image: url(SpryMenuBarRightHover.gif);

background-repeat: no-repeat;

background-position: 95% 50%;

}

 

/*******************************************************************************

 

BROWSER HACKS: the hacks below should not be changed unless you are an expert

 

*******************************************************************************/

 

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */

ul.MenuBarHorizontal iframe

{

position: absolute;

z-index: 1010;

filter:alpha(opacity:0.1);

}

/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */

@media screen, projection

{

ul.MenuBarHorizontal li.MenuBarItemIE

{

display: inline;

f\loat: left;

background: #FFF;

}

}

 

[Pikachu2000]

I know most of you use Dreamweaver

 

What on earth would make you think that?