Sharepoint .LeftNav stylesheet displaying incorrectly in firefox

Discussion in 'CSS' started by oxygren, Jan 14, 2009.

  1. #1
    Hello All,

    http://www.gotalk.com.au/Products/Pages/default.aspx

    The following navigation system works correctly using Internet Explorer and Safari, but when viewed in firefox the left navigation groups itself with the navigation item below, which creates a rythmic seizure type effect, I have been altering the style sheets for this section for about an hour. I am having trouble figuring this one out can anyone help? Here is the style-sheet coding:

    }
    .leftNav
    {
    	margin-right: 10px;
    	margin-left: 0px;
    	margin-top: 0px;
    	padding-top: 0px;
    	border: 0px red solid;
    	width: 130px;
    	visibility: visible;
    }
    .leftNavSpacer
    {
    	width:130px;
    	height:1px;
    }
    table.leftNavSelected
    {
    	font-weight: bold;
    }
    .leftNavSelected
    {
    	visibility:visible;
    }
    .leftNav3
    {
    	color: #0066CC;
    	display: block;
    }
    .leftNav2
    {
    	color: #0066CC;
    	display: block;
    }
    .leftNav1
    {
    	color: #0066CC;
    	display: block;
    }
    .leftNav1
    {
    	font-family: verdana;
    	font-size: 8pt;
    	font-weight: normal;
    	line-height: 14pt;
    	width: 208px;
    	margin: 5px 5px 5px 5px;
    	background-color: #f0f0ef;
    	visibility:visible;
    }
    .leftNav1 a
    {
    	font-family: verdana;  
    	font-size: 9pt; 
    	font-weight: normal; 
    	padding-left:5px;
    	display:block;
    	padding-right:10px;
    	visibility:visible;	
    }
    .leftNav2
    {	
    	font-family: verdana;
    	font-size: 8pt;
    	font-weight: normal;
    	line-height: 14pt;
    	width: 202px;
    	margin: 0px 0px 0px 0px;
    	background-color: #f0f0ef;
    	visibility:visible;
    }
    .leftNav2 a
    {
    	padding-left:10px;
    	display:block;
    	padding-right:10px;
    	visibility:visible;	
    }
    .leftNav3
    {
    	font-family: verdana;
    	font-size: 8pt;
    	font-weight: normal;
    	line-height: 14pt;
    	width: 200px;
    	border: 1px solid #ccc;
    	margin: 0px 0px 0px 0px;
    	background-color: #f0f0ef;
    	visibility:visible;
    }
    .leftNav3 a
    {
    	padding-left:18px;
    	display:block;
    	padding-right:10px;
    	visibility:visible;	
    }
    .leftNavHover
    {
    	color:#FF9900;
    }
    .leftNavFlyOuts
    {
    	font-family:verdana; 
    	font-size:8pt; 
    	border-top:1px #CBD1E0 solid;
    	border-left:1px #CBD1E0 solid;
    	border-right:1px #CBD1E0 solid;	
    }
    .leftNavFlyOutsItem
    {
    	border-bottom:1px #CBD1E0 solid;
    	background-color: #ECEFF3;
    }
    .leftNavFlyOutsItem a
    {
    	padding:1px 5px 1px 5px;
    	display:block;
    	color:#354260;
    	*width:100px;
    	min-width:100px;
    }
    .leftNavFlyOutsHover
    {
    	background-color: #B2BCD3;
    }
    
    
    
    
    /* Layout for Page Layouts*/
    
    .ccRightWPZone
    {
    	width: 200px;
    	padding-bottom:20px;
    }
    
    .ccLeftWPZone
    {
    	width: 100%;
    	padding-bottom:20px;
    }
    
    .LeftUnderNavZone
    {
    	width: 130px;
    }
    .ccWebPartZoneSpacer
    {
    	width:12px;
    
    Code (markup):

     
    oxygren, Jan 14, 2009 IP