CSS Ordered List (Rollover Effect) Problem in I.E 6

[Aaron1988]

Hi i just wondered if you could help me i have an issue with a CSS Ordered List.

cause in I.E 7 works Perfect and FF, but ie 6 doesnt work

what it is suspose to do is when you hover over the links shows the rollover effect but in I.E 6 it shows as this,

ITS THE ORANGE AND BLUE ORDERED LIST ON RIGHT.

Thanks
Aaron

Admin Edit > image removed please don't post such large images, if it must be that size, attach it or host it elsewhere, thanks


and here is the CSS for it:

Code: Select all

/*---colors
FFFFFF
829A76
8D6C47
FF9900
E6DABD
3D923A
9FC07E
DEDAC9
C19462
006699
*/
/*---Body */
.site_name {
 font-size: 16px;
 font-weight: bolder;
 color: #FFFFFF;
}
body {
  background-color: #2F4F2F;
}
td, tr, p, div {
  font-family : Arial, Helvetica, sans-serif;
  font-size : 12px;
  color : #8D6C47;
}
a:link, a:visited {
 color: #000000; text-decoration: none;
 font-weight: bold;
}
a:hover {
 color: #FF00FF; text-decoration: none;
 font-weight: bold;
}
hr, hr.separator {
 height : 1px;
 width : 100%;
 border: 1px solid #E6DABD;
}
ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* Mambo Menu Styling
 * ------------*/
/* menu -nav */
#mainlevel-nav li
{
 float: left;
}
#mainlevel-nav li a:link, #mainlevel-nav li a:visited{
 color: #C19462;
 /*background-image: url(../images/net_25.gif);*/
 background-position: -120px 0px;
 background-repeat: no-repeat;
 font-size: 11px;
 font-weight: bold;
 height: 20px;
 /*background-color: #FFCC00;
 border-right: 1px solid #6A4831;
 border-left: 1px solid #9F7251;*/
          float: left;
 padding-right: 5px;
 padding-left: 5px;
 padding-top: 1px;
 border-top-width: 1px;
 border-bottom-width: 1px;
 border-top-style: solid;
 border-bottom-style: solid;
 /*border-top-color: #9F7251;
 border-bottom-color: #6A4831;*/
}
#mainlevel-nav li a:hover{
 color: #FFFFFF;
 background-position: 0px 0px;
}

/* menu mainlevel */
a.mainlevel:link, a.mainlevel:visited {
 display: block;
 font-size: 12px;
 font-weight: bold;
 color: #C19462;
 text-align: left;
          width: 100%;
 text-decoration: none;
 line-height: 16px;
 border-bottom-width: 1px;
 /*border-bottom-style: solid;
 border-bottom-color: #E6DABD;*/
 background-image: url(../images/net_40.gif);
 background-repeat: no-repeat;
 background-position: right -3px;
}
a.mainlevel:hover {
 text-decoration: none;
 background-position: right -35px;
 color: #FF9900;
 border-bottom-width: 1px;
 /*border-bottom-style: solid;
 border-bottom-color: #C19462;*/
}
/* menu sublevel */
a.sublevel:link, a.sublevel:visited {
 display: block;
 font-size: 12px;
 font-weight: bold;
 color: #C19462;
 text-align: left;
 width: 100%;
 text-decoration: none;
 line-height: 16px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #E6DABD;
}
a.sublevel:hover {
 text-decoration: none;
 color: #FF9900;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #C19462;
}
 
/* mambo core stuff */
table.moduletable {
          width: 100%;
 margin-bottom: 5px;
 padding: 0px;
 border-spacing: 0px;
 border-collapse: collapse;
}
table.moduletable th {
 color: #000000;
 line-height: 19px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #DEDAC9;
 }
table.moduletable td {}
/*.pathway {
 color: #8D6C47;
}
a.pathway, a.pathway:visited {
 color: ##829A76;
}
a.pathway:hover {
 color: #FF9900;
}
*/
/*** General Mambo Styles*/
.back_button{
 float: left;
}
.pagenavbar {
 color: #829A76;
} 
.pagenav, a.pagenav, a.pagenav:visited{
 color: #829A76;
 height: 20px;
 padding-right: 2px;
 padding-left: 2px;
 text-align: center;
 padding-top: 2px;
 border: 1px solid #DEDAC9;
 background-color: #FFFFFF;
}
a.pagenav:hover{
 color: #FF9900;
}
 
 
.small {
 font-size: 10px;
 font-weight: bold;
 color: #9FC07E;
}

/**
 * Mambo Form Styles
 * -----------------
 * Here are 2 styles that Mambo uses to let users control
 * how their forms and buttons may look.
 */
 
.button {
 background-color: #FFFFFF;
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-top-style: solid;
 border-right-style: solid;
 border-bottom-style: solid;
 border-left-style: solid;
 border-top-color: #9FC07E;
 border-right-color: #3D923A;
 border-bottom-color: #3D923A;
 border-left-color: #9FC07E;
 font-size: 10px;
 font-weight: bold;
 color: #3D923A;
 margin-top: 2px;
 margin-bottom: 2px;
}
.inputbox {
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-top-style: solid;
 border-right-style: solid;
 border-bottom-style: solid;
 border-left-style: solid;
 border-top-color: #3D923A;
 border-right-color: #9FC07E;
 border-bottom-color: #9FC07E;
 border-left-color: #3D923A;
 font-size: 10px;
 font-weight: normal;
 color: #3D923A;
 background-color: #FFFFFF;
 }
/**
 * Mambo Tabbed Frontend Admin Interface
 * -------------------------------------
 * The CSS styles here defines how the frontend admin interface
 * will look like when editing and adding news through frontend.
 */
 
.ontab {}
.offtab {}
.tabpadding {} 
.tabheading {}
.pagetext {}

/**
 * Mambo General styling for Sections/Categories/Contents
 * ------------------------------------------------------
 * These stylings are either sometimes or often used across
 * Sections, categories and contents. They, therefore, deserves
 * to be mentioned and separated from others.
 */
 
.createdate {
 font-size: 10px;
 color: #829A76;
} 
.modifydate {} 
.readon, a.readon:link, a.readon:visited{
 color: #829A76;
 float: right;
 background-image: url(../images/net_38.gif);
 background-repeat: no-repeat;
 background-position: 0px -5px;
 padding-left: 16px;
}
a.readon:hover{
 color: #C19462;
 background-position: 0px -37px;
}

/** 
 * Mambo Styling for Contents
 * --------------------------
 * All the styling for contents are listed
 * below.
 */
.contentpane {}
.contentpaneopen {}

.contentdescription {}
table.contenttoc {}
table.contenttoc td {}
.content_rating {}
.content_vote {}

/**
 * Mambo Styles for Categories
 * ---------------------------
 * The following are the styling for "Category" items
 * generated from the Sections area
 */
 /* For content item titles that are hyperlink instead of Read On */
.contentheading, .componentheading{
 color: #8D6C47;
 font-weight: bold;
 }
.contentpagetitle, .category {
 color: #8D6C47;
 font-weight: bold;
}
a.contentpagetitle:link, a.contentpagetitle:visited, a.category:link, a.category:visited {
 font-size: 12px;
 font-weight: bold;
 color: #C19462;
 }
a.contentpagetitle:hover, a.category:hover {
 color: #9FC07E;
 }
 

/**
 * Mambo Blog styling
 * ------------------
 * Not too sure where this is used yet. I tried the blog section
 * but it doesn't seem to use it. If you have info on this,
 * email me. I'll update this part.
 */
 
.blogsection{}
 
/**
 * Mambo's Built-in Component's Syling
 * -----------------------------------
 * These stylings are used for Mambo's built-in components
 * such as newsfeeds, weblinks, contact, search and polls.
 * A commented subtitle will guide you which is for which
 */
 
 
 /*  Polls  */
 

.poll {
 font-size: 11px;
 color: #C19462;
}
table.pollstableborder {
 border: 1px solid #9FC07E;
 color: #3D923A;
}
/**
 * Mambo Sections Styles
 * ---------------------
 * Styling of sections tables 
 */
.sectiontableheader {
 background-color : #DEDAC9;
 color            : #3D923A;
 font-weight      : bold;
 /*border-top: 1px solid #9FC07E;
 border-right: #9FC07E;
 border-bottom: 1px solid #9FC07E;
 border-left: #9FC07E;*/
 line-height: 16px;
}
#left {
text-align:left;
}
 
.sectiontableentry1 {
}
.sectiontableentry2 {
  background-color : #FFFFFF;
}
 
/*  Weblinks */
.weblinks{} 

/*  Newsfeeds */
.newsfeedheading {} 
.newsfeeddate {} 
.fase4rdf {} 

/* Search page */
table.searchintro {} 

/*  Contact's table settings  */
table.contact {} 
table.contact td.icons {} 
table.contact td.details {}
/* Menu Stylesheet */
#menu4 {
 width: 185px;
 border-style: solid solid none solid;
 border-color: #D76100;
 border-size: 1px;
 border-width: 1px;
 margin: 10px;
         text-align: left;
 }
 
#menu4 li a {
   height: 32px;
   voice-family: "\"}\""; 
   voice-family: inherit;
   height: 24px;
 text-decoration: none;
 }
 
#menu4 li a:link, #menu4 li a:visited {
 color: #9E3C02;
 display: block;
 background: url(http://www.lusciouslifestyle.net/tem...ages/menu4.gif);
 padding: 8px 0 0 30px;
 }
 
#menu4 li a:hover {
 color: #fff;
 background: url(http://www.lusciouslifestyle.net/tem...ages/menu4.gif) 0 -32px;
 padding: 8px 0 0 30px;
 }
 
#menu4 li a:active {
 color: #fff;
 background: url(http://www.lusciouslifestyle.net/tem...ages/menu4.gif) 0 -64px;
 padding: 8px 0 0 30px;
 }