Drupal css float and z-index issues in FF and IE works in Chrome
===

`enter code here`I am using drupal 7.14 and muchomenu to make a "mega menu" on a site. I built it in chrome and it works just I wanted. It does not work in IE or FF. They both apply the font and padding, but not the float or z-index.

In firebug I do not even see the float or z-index properties applied.

The dropdown is a div with multiple nested div's and ul's. I want to float all the list's left.

`http://67.23.245.11` is the site. attached is the css. There are many other css files involved because it is drupal.

Sorry for the long file, but there are two gradients and I had to style 9 lists separately to make each one as small as possible to fit the container.

    /*Main Nav Bar css*/
    
    /*main nav headings top level ul menu
    ------------------------------------------------------------------------------*/
    #block-muchomenu-1
    {
      padding:0px;
    }
    
    /*large bold font for main nav links*/
    ul#muchomenu-1
    {
      font-weight:bold;
      padding:0.5em 0 0.5em 0;
      margin-bottom:0px;
    }
    
    .muchomenu-menu.muchomenu-menu-horizontal
    {
    
      text-align:left;
      vertical-align:text-middle;
      /*gold gradient background*/
      background: #fceabb; /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZWFiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZjY2Q0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Y4YjUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmRmOTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) right center no-repeat;
      background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%) right center no-repeat; /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93)) right center no-repeat; /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%) right center no-repeat; /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%) right center no-repeat; /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%) right center no-repeat; /* IE10+ */
      background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%) right center no-repeat; /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ) right center no-repeat; /* IE6-8 */  
    }
    .muchomenu-menu.muchomenu-menu-horizontal a
    {
      text-decoration:none;
      padding:5px;
      /*midnight blue text*/
      color: #151B54;
    }
    
    
    /*all mucho menu bins
    -------------------------------------------------------------------------------*/
    /*set zindex of these two elements under the menu*/
    #views_slideshow_cycle_main_video_slideshow-block, #views_slideshow_cycle_teaser_section_video_slideshow-block, #views_slideshow_cycle_div_video_slideshow-block_0, 
    .views-slideshow-cycle-main-frame-row-item, .views-field-title, .views-field-video, .views-field-video, .views-field-video .field-content, .views-field-video .field-content img  
    { z-index:5000 !important; }
    .twtr-tweet { z-index:5000 !important; }
    
    .muchomenu-bin.muchomenu-slots.muchomenu-bin
    { 
    /*set font back to normal for submenus*/
      font-weight:normal;
      z-index:10000 !important;
      /*gold gradient background*/
      background: #fceabb; /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZWFiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZjY2Q0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Y4YjUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmRmOTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) right center no-repeat;
      background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%) right center no-repeat; /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93)) right center no-repeat; /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%) right center no-repeat; /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%) right center no-repeat; /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%) right center no-repeat; /* IE10+ */
      background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%) right center no-repeat; /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ) right center no-repeat; /* IE6-8 */
      /*midnight blue text*/
      color: #151B54;
    }
    .muchomenu-bin.muchomenu-slots.muchomenu-bin ul
    {
      padding:0px;
    }
    .muchomenu-bin.muchomenu-slots.muchomenu-bin a
    {
      padding:0px;
      /*midnight blue text*/
      color: #151B54;
    }
    
    /*conference menu bin 4 make narrower than default and panel bg transparent
    ----------------------------------------------------------------------------------------*/
    .muchomenu-bin.muchomenu-slots.muchomenu-bin-4 
    {
      width:10em;
    }
    .muchomenu-bin.muchomenu-slots.muchomenu-bin-4 a
    {
      /*midnight blue text*/
      color: #151B54;
    }
    .muchomenu-bin.muchomenu-slots.muchomenu-bin-4 .panel-display
    {
      background:transparent;
      width:100%;
      padding:0px;
      border:none;
    }
    .contextual-links-region.panel-pane pane-block.pane-menu-menu-conference-menu
    {
      width:8em;
      margin:auto;
    }
    
    /*make the schools menu bin enough width to fit all schools bin 2
    -----------------------------------------------------------------------------------------*/
    .muchomenu-bin.muchomenu-slots.muchomenu-bin-2
    {
      width:90em !important;
      left:-6em !important;
      padding:0;
      font-size:95% !important;
    }
    
    .muchomenu-bin.muchomenu-slots.muchomenu-bin-2 .panel-display
    {
      background:transparent;
      width:100%;
      padding:0px;
      border:none;
    }
    /*hide bullets since I cannot set no style for lists*/
    .pane-content {overflow:hidden;}
    
    /*set less margin under the list titles*/
    .pane-title
    {
      margin-bottom:0px !important;
      font-size:20px;
    }
    
    /*set menu widhts and float left to fit them all 
      have to set them individually to make the most use of the space*/
    /*bval menu
    ----------------------------------------------------------------------------------------------------------*/
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-bval-menu.mainnav-school-list
    {
      float:left !important;
      width:7em !important;
    }
    /*
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-bval-menu.mainnav-school-list .pane-title
    {
      width:7em;
    }
    */
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-bval-menu.mainnav-school-list div
    {
      float:left;
      width:7em;
      text-align:left;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-bval-menu.mainnav-school-list div h2
    {
      float:left;
      width:7em;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-bval-menu.mainnav-school-list div div
    {
      float:left;
      width:7em;
      height:50em !important;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-bval-menu.mainnav-school-list div div ul
    {
      list-style:none !important;
      list-style-type:none !important;
      float:left;
      width:7em;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-bval-menu.mainnav-school-list div div ul li,
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-bval-menu.mainnav-school-list div div ul li a
    {
      list-style:none !important;
      list-style-type:none !important;
      float:left;
      width:7em;
    }
    
    /* dfal menu
    ----------------------------------------------------------------------------------------------------------*/
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-dfal-menu.mainnav-school-list
    {
      float:left;
      width:10em;
    }
    /*
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-dfal-menu.mainnav-school-list .pane-title
    {
      width:10em;
    }
    */
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-dfal-menu.mainnav-school-list div
    {
      float:left;
      width:10em;
      text-align:left;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-dfal-menu.mainnav-school-list div h2
    {
      float:left;
      width:10em;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-dfal-menu.mainnav-school-list div div
    {
      float:left;
      width:10em;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-dfal-menu.mainnav-school-list div div ul
    {
      list-style-type:none !important;
      list-style:none !important;
      float:left;
      width:10em;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-dfal-menu.mainnav-school-list div div ul li,
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-dfal-menu.mainnav-school-list div div ul li a
    {
      list-style-type:none !important;
      list-style:none !important;
      float:left;
      width:10em;
    }
    
    /* dval menu
    ----------------------------------------------------------------------------------------------------------*/
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-dval-menu.mainnav-school-list
    {
      float:left;
      width:10em;
    }
    /*
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-dval-menu.mainnav-school-list .pane-title
    {
      width:10em;
    }
    */
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-dval-menu.mainnav-school-list div
    {
      float:left;
      width:10em;
      text-align:left;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-dval-menu.mainnav-school-list div h2
    {
      float:left;
      width:10em;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-dval-menu.mainnav-school-list div div
    {
      float:left;
      width:10em;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-dval-menu.mainnav-school-list div div ul
    {
      list-style-type:none !important;
      list-style:none !important;
      float:left;
      width:10em;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-dval-menu.mainnav-school-list div div ul li,
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-dval-menu.mainnav-school-list div div ul li a
    {
      list-style-type:none !important;
      list-style:none !important;
      float:left;
      width:10em;
    }
    
    /* ebal menu
    ----------------------------------------------------------------------------------------------------------*/
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-ebal-menu.mainnav-school-list
    {
      float:left;
      width:9em;
    }
    /*
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-ebal-menu.mainnav-school-list .pane-title
    {
      width:9em;
    }
    */
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-ebal-menu.mainnav-school-list div
    {
      float:left;
      width:9em;
      text-align:left;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-ebal-menu.mainnav-school-list div h2
    {
      float:left;
      width:9em;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-ebal-menu.mainnav-school-list div div
    {
      float:left;
      width:9em;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-ebal-menu.mainnav-school-list div div ul
    {
      list-style-type:none !important;
      list-style:none !important;
      float:left;
      width:9em;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-ebal-menu.mainnav-school-list div div ul li,
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-ebal-menu.mainnav-school-list div div ul li a
    {
      list-style-type:none !important;
      list-style:none !important;
      float:left;
      width:9em;
    }
    
    /* mval menu
    ----------------------------------------------------------------------------------------------------------*/
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-mval-menu.mainnav-school-list
    {
      float:left;
      width:10em;
    }
    /*
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-mval-menu.mainnav-school-list .pane-title
    {
      width:10em;
    }
    */
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-mval-menu.mainnav-school-list div
    {
      float:left;
      width:10em;
      text-align:left;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-mval-menu.mainnav-school-list div h2
    {
      float:left;
      width:10em;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-mval-menu.mainnav-school-list div div
    {
      float:left;
      width:10em;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-mval-menu.mainnav-school-list div div ul
    {
      list-style-type:none !important;
      list-style:none !important;
      float:left;
      width:10em;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-mval-menu.mainnav-school-list div div ul li,
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-mval-menu.mainnav-school-list div div ul li a
    {
      list-style-type:none !important;
      list-style:none !important;
      float:left;
      width:10em;
    }
    
    /* scval menu
    ----------------------------------------------------------------------------------------------------------*/
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-scval-menu.mainnav-school-list
    {
      float:left;
      width:9em;
    }
    /*
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-scval-menu.mainnav-school-list .pane-title
    {
      width:9em;
    }
    */
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-scval-menu.mainnav-school-list div
    {
      float:left;
      width:9em;
      text-align:left;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-scval-menu.mainnav-school-list div h2
    {
      float:left;
      width:9em;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-scval-menu.mainnav-school-list div div
    {
      float:left;
      width:9em;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-scval-menu.mainnav-school-list div div ul
    {
      list-style-type:none !important;
      list-style-type:none !important;
      float:left;
      width:9em;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-scval-menu.mainnav-school-list div div ul li,
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-scval-menu.mainnav-school-list div div ul li a
    {
      list-style-type:none !important;
      list-style-type:none !important;
      float:left;
      width:9em;
    }
    
    /* tcal menu
    ----------------------------------------------------------------------------------------------------------*/
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-tcal-menu.mainnav-school-list
    {
      float:left;
      width:13em;
    }
    /*
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-tcal-menu.mainnav-school-list .pane-title
    {
      width:13em;
    }
    */
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-tcal-menu.mainnav-school-list div
    {
      float:left;
      width:13em;
      text-align:left;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-tcal-menu.mainnav-school-list div h2
    {
      float:left;
      width:13em;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-tcal-menu.mainnav-school-list div div
    {
      float:left;
      width:13em;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-tcal-menu.mainnav-school-list div div ul
    {
      list-style-type:none !important;
      list-style:none !important;
      float:left;
      width:13em;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-tcal-menu.mainnav-school-list div div ul li,
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-tcal-menu.mainnav-school-list div div ul li a
    {
      list-style-type:none !important;
      list-style:none !important;
      float:left;
      width:13em;
    }
    
    /* wacc12 menu
    ----------------------------------------------------------------------------------------------------------*/
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-wacc12-menu.mainnav-school-list
    {
      float:left;
      width:9em;
    }
    /*
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-wacc12-menu.mainnav-school-list .pane-title
    {
      width:9em;
    }
    */
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-wacc12-menu.mainnav-school-list div
    {
      float:left;
      width:9em;
      text-align:left;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-wacc12-menu.mainnav-school-list div h2
    {
      float:left;
      width:9em;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-wacc12-menu.mainnav-school-list div div
    {
      float:left;
      width:9em;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-wacc12-menu.mainnav-school-list div div ul
    {
      list-style-type:none !important;
      list-style:none !important;
      float:left;
      width:9em;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-wacc12-menu.mainnav-school-list div div ul li,
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-wacc12-menu.mainnav-school-list div div ul li a
    {
      list-style-type:none !important;
      list-style:none !important;
      float:left;
      width:9em;
    }
    
    /* wcal menu
    ----------------------------------------------------------------------------------------------------------*/
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-wcal-menu.mainnav-school-list
    {
      float:left;
      width:13em;
    }
    /*
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-wcal-menu.mainnav-school-list .pane-title
    {
      float:left;
      width:13em;
    }
    */
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-wcal-menu.mainnav-school-list div
    {
      float:left;
      width:13em;
      text-align:left;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-wcal-menu.mainnav-school-list div h2
    {
      float:left;
      width:13em;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-wcal-menu.mainnav-school-list div div
    {
      float:left;
      width:13em;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-wcal-menu.mainnav-school-list div div ul
    {
      list-style-type:none !important;
      list-style:none !important;
      float:left;
      width:13em;
    }
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-wcal-menu.mainnav-school-list div div ul li,
    .contextual-links-region.panel-pane.pane-block.pane-menu-menu-wcal-menu.mainnav-school-list div div ul li a
    {
      list-style-type:none !important;
      list-style:none !important;
      float:left;
      width:13em;
    }