#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jan 2011
    Posts
    2
    Rep Power
    0

    Looking for a solution for this Messed up menu


    Hi,

    I am struggling to find a solution for a drop down menu over a week in this site: http://tinyurl.com/47apbad

    In firefox it looks good but not in IE6 and IE7, can someone help me to find a solution?

    Code:
    /* -- top menu --*/
    			
    		#main-menu {
    			width:980px;
    			padding-top: 15px;
    			padding-bottom: 10px;
    		}
    
    			#main-menu ul {
    				list-style:none;
    				padding:0px;
    				margin-left:15px;
    				font-size:15px;
    				margin-bottom:0px;
    				text-transform:uppercase;
    			}
    
    				#main-menu ul.sf-menu li {
    					float:left;
    					*width:80px;
    					margin-left: 5px;
    				}
    			
    					#main-menu ul.sf-menu li:hover {
    						background-image:url(images/main-manu-bg-li.png);
    						height:31px;
    						background-repeat:repeat-x;
    						display:block;
    						color:#333333;
    					}
    			
    						#main-menu ul.sf-menu li a{
    							padding:5px 10px 0 10px;
    							*padding:5px 8px 0 8px;
    							color:#fff;
    							height: 31px;
    						}
    
    							#main-menu ul.sf-menu li.current_page_item a {
    								background-image:url(images/main-manu-bg-li.png);
    								height:31px;
    								background-repeat:repeat-x;
    								display:block;
    								color:#333333;
    								padding-right: 10px;
    								padding-left: 10px;
    								font-weight:bold;
    								margin-bottom:-5px;
    								float:left;
    								/*width: 80px;*/
    							}
    							
    							#main-menu ul.sf-menu li.current_page_item a:hover {
    								margin-top:0px;
    							}
    							
    							#main-menu ul.sf-menu li.current_page_ancestor a {
    								background-image:url(images/main-manu-bg-li.png);
    								height:31px;
    								background-repeat:repeat-x;
    								display:block;
    								color:#333333;
    								padding-right:10px;
    								padding-left:10px;
    								font-weight:bold;
    								margin-bottom:-5px;
    							}
    							
    				#main-menu ul.sf-menu li ul {
    					background:url(images/topnav_bg.gif);
    					padding:0px 15px;
    					margin:0px;
    					margin-top:-7px;
    					-moz-border-radius: 0 0 8px 8px;
    				}
    			
    					#main-menu ul.sf-menu li li ul.children {	
    						margin:0 0px 0 45px;
    						background:url(images/topnav_bg.gif);
    					}
    
    							#main-menu ul.sf-menu li.current_page_ancestor li a {
    								background-image:none;
    								color:#fff;
    								padding-left:0px;
    								padding-left:0px;
    								padding-top:10px;
    								padding-bottom:0px;
    								font-weight:normal;
    							}
    							
    							#main-menu ul.sf-menu li.current_page_ancestor li:hover a {
    								margin-bottom:1px;
    							}
    
    							#main-menu ul.sf-menu li.current_page_item li a {
    								background-image:none;
    								color:#fff;
    								padding-left:0px;
    								padding-left:0px;
    								padding-top:10px;
    								padding-bottom:0px;
    								font-weight:normal;
    							}
    
    						#main-menu ul.sf-menu li li a {
    							padding:0px 0px;
    							padding-top:10px;
    							padding-bottom:10px;
    							margin:0px;
    							height:auto;
    							background:none;
    						}
    						
    							#main-menu ul.sf-menu li li:hover {
    								background:none;
    								padding:0px;
    								margin:0px;
    								padding-bottom:4px;width:240px;
    							}
    
    							#main-menu ul.sf-menu li li a:hover {
    								color:#a6b4bc;
    								background:none;
    								padding:0px;
    								padding-top:10px;
    								padding-bottom:12px;
    								
    							}
    												
    						#main-menu ul.sf-menu li li {
    							padding:0px;
    							margin:0px;
    							background:none;
    						}
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Dec 2003
    Posts
    721
    Rep Power
    446
    Add:
    Code:
    #main-menu ul.sf-menu li li {
       width: auto;
       float: none;
    }
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jan 2011
    Posts
    2
    Rep Power
    0
    Yes, this works but the text in the drop down menu are hiding when hovered and also you see the main links are not in order. Please help

    rdoyle720, Thanks for this code which helped slightly to fix in the drop down in IE7.

    In IE6 drop-down not working when hovered.

IMN logo majestic logo threadwatch logo seochat tools logo