Spry Menu invisible in IE6

To anyone who can assist, the site renders fine overall browsers but IE6.

Here’s the positioning address:

http: //www. shelby-sheriff. org/index. html

Inside IE6 the directory spry menu isn’t there.

Here is the CSS:

charset " UTF-8";

/* SpryMenuBarVertical. css : Revision: Spry Preview Release 1. 4 */

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

DESIGN INFORMATION: describes box model, positioning, z-order

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

/* The outermost container from the Menu Bar, a fixed width box with no margin or support */
ul. MenuBarVertical

border: 0;
extra padding: 0;
list-style-type: nothing;
font-size: 100%;
cursor: default;

/* Set your active Menu Bar using this class, currently environment z-index to allow for IE rendering bug: http: //therealcrisp. xs4all. nl/meuk/IE-zindexbug. html code */
ul. MenuBarActive

z-index: ONE THOUSAND;
extra padding: 1px;

/* Selection item containers, position children relative to the present container and will be same fixed width as parent */
ul. MenuBarVertical li

border: 0;
extra padding: 2px;
list-style-type: nothing;
font-size: 75%;
location: relative;
text-align: left;
cursor: tip;
width: 160px;
font-family: Verdana, Arial, Helvetica, sans-serif;
colouring: #FFFFFF;
border-top-style: nothing;
border-right-style: nothing;
border-bottom-style: nothing;
border-left-style: nothing;

/* Submenus have to appear slightly overlapping to the right (95%) or longer (-5%) with a larger z-index, but they’re just initially off the actual left side belonging to the screen (-1000em) */
ul. MenuBarVertical ul

list-style-type: nothing;
font-size: 100%;
location: absolute;
z-index: 1020;
cursor: default;
left: -1000em;
leading: 0;

/* Submenu that is showing with category designation MenuBarSubmenuVisible, we set kept to 0 therefore it comes onto your screen */
ul. MenuBarVertical ul. MenuBarSubmenuVisible

left: 0;

/* Selection item containers are usually same fixed thicker as parent */
ul. MenuBarVertical ul li

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

STYLE INFORMATION: describes colouring scheme, borders, fonts

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

/* Outermost selection container has borders on all features */
ul. MenuBarVertical

national boundaries: 0px solid #CCC;

/* Submenu storage units have borders upon all sides */
ul. MenuBarVertical ul

/* Menu items are a light gray prohibit with padding no text decoration */
ul. MenuBarVertical a

screen: block;
cursor: tip;
background-color: #A87131;
colouring: #FFFFFF;
text-decoration: nothing;
font-weight: vibrant;
font-size: 12px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 4px;
width: 160px;
national boundaries: 1px solid A87131;

/* Menu items that have mouse over or focus employ a blue background as well as white text */
ul. MenuBarVertical the: hover, ul. MenuBarVertical the: focus

colouring: #FFFFFF;

/* Menu items that are open with submenus usually are set to MenuBarItemHover which includes a blue background plus white text */
ul. MenuBarVertical the. MenuBarItemHover, ul. MenuBarVertical the. MenuBarItemSubmenuHover, ul. MenuBarVertical the. MenuBarSubmenuVisible

colouring: #A87131;
background-color: #FFFFFF;
font-size: 12px;
font-weight: vibrant;
national boundaries: 1px solid #A87131;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 4px;

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

SUBMENU INDICATOR: styles if there’s a submenu under a new given menu item

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

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and therefore are set to work with a background image positioned for the far left (95%) and centered vertically (50%) */
ul. MenuBarVertical the. 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 therefore are set to work with a " hover" background image positioned on the far left (95%) along with centered vertically (50%) */
ul. MenuBarVertical the. MenuBarItemSubmenuHover

background-image: url(SpryMenuBarRightHover. gif);
background-repeat: no-repeat;
background-position: 95% 50%;

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

BROWSER HACKS: the hacks below can’t be changed if you don’t are an expert

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

/* HACK INTENDED FOR IE: to ensure the sub possibilities show above kind controls, we underlay just about every submenu with a iframe */
ul. MenuBarVertical iframe

location: absolute;
z-index: 1010;

/* HACK INTENDED FOR IE: to strengthen appearance of list items; the slash in float is always to keep IE YOUR FIVE. 0 from parsing */
mass media screen, projection

ul. MenuBarVertical li. MenuBarItemIE

screen: inline;
f\loat: left;
history: #FFF;

Once again, thanks for any enable you to can offer.

Is there supposed to be a forward slash afre the wedding there on your " f\loat"

Thank you for replying. Managed to figure it out.

Can you post your resolution

Here its:

/* SpryMenuBarVertical. css : version 0. 6 – Spry Pre-Release 1. 6 */

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

DESIGN INFORMATION: describes box model, positioning, z-order

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

/* The outermost container from the Menu Bar, a fixed width box with no margin or support */
ul. MenuBarVertical

border: 0;
extra padding: 0;
list-style-type: nothing;
font-size: 100%;
cursor: default;
width: 8em;

ul. MenuBarActive

z-index: ONE THOUSAND;

/* Selection item containers, position children relative to the present container and will be same fixed width as parent */
ul. MenuBarVertical li

border: 0;
extra padding: 0;
list-style-type: nothing;
font-size: 100%;
location: relative;
text-align: left;
cursor: tip;
width: 8em;

ul. MenuBarVertical ul

border: -5% 0 0 95%;
extra padding: 0;
list-style-type: nothing;
font-size: 100%;
location: absolute;
z-index: 1020;
cursor: default;
width: 8. 2em;
left: -1000em;
leading: 0;

/* Submenu that is showing with category designation MenuBarSubmenuVisible, we set kept to 0 therefore it comes onto your screen */
ul. MenuBarVertical ul. MenuBarSubmenuVisible

left: 0;

ul. MenuBarVertical ul li

width: 8. 2em;