menu en IE7

[Wakkos]

Hola! ya he buscado y hay muchos temas al respecto, pero ninguno arregla mi problema y no se porque.

No sé si esto debería ir aqui o en el foro de CSS:

Tengo un menú que no se deja "horizontalizar" en IE7 os pongo el código a ver si veis algo:

Código HTML:

#menu{
	width:100%;
	height:44px;
	background-color:#000;
	text-align:center;
	padding-top:30px;
}

#navmenu {
	width:1024px;
}
#navmenu ul {
	margin: ; 
	padding: 0; 
	list-style-type: none; 
	list-style-image: none;
	list-style:none;
	
	display:inline; }
	
	#navmenu li {
		display:inline-block;
		padding: 0px 0px 20px 10px;
		list-style:none;
		
		}
	
	.menu li.current-menu-item a{ 
	text-decoration:none; 
		font-family:"Myriad pro", Baskerville, Times, "Times New Roman", serif;
		font-size: 16px;
		line-height: 14px;
		text-transform: uppercase;
		letter-spacing: 0px;
		font-weight: bold;	
color:#11394b;
display:inline-block;
border-bottom:#FFF solid 1px;
	
	}
	.selected li {
		color:#FFF;
	}
	#navmenu a {
		text-decoration:none; 
		font-family:"Myriad pro", Baskerville, Times, "Times New Roman", serif;
		font-size: 16px;
		line-height: 14px;
		text-transform: uppercase;
		letter-spacing: 0px;
		color:#FFF;
		
display:inline-block;
	 }

y en Wordpress:

Código PHP:

 <div id="menu">
<div id="navmenu">
                
               
<?php wp_nav_menu( array( 'theme_location' => '' ) ); ?>
                    
               </div>
                    </div>  

Lo que se traduce en:

Código PHP:

  <div id="menu"> 
<div id="navmenu"> 
                
               
<div class="menu-menu-container"><ul id="menu-menu" class="menu"><li id="menu-item-73" class="menu-item menu-item-type-custom current-menu-item current_page_item menu-item-home menu-item-73"><a href="http://feedbackcomunicacion.es/">Inicio</a></li> 
<li id="menu-item-65" class="menu-item menu-item-type-post_type menu-item-65"><a href="http://feedbackcomunicacion.es/?page_id=18">QUIENES SOMOS</a></li> 
<li id="menu-item-66" class="menu-item menu-item-type-post_type menu-item-66"><a href="http://feedbackcomunicacion.es/?page_id=33">COMUNICACIÓN</a></li> 
<li id="menu-item-67" class="menu-item menu-item-type-post_type menu-item-67"><a href="http://feedbackcomunicacion.es/?page_id=31">PUBLICIDAD</a></li> 
<li id="menu-item-68" class="menu-item menu-item-type-post_type menu-item-68"><a href="http://feedbackcomunicacion.es/?page_id=62">MARKETING</a></li> 
<li id="menu-item-69" class="menu-item menu-item-type-post_type menu-item-69"><a href="http://feedbackcomunicacion.es/?page_id=35">MEDIOS</a></li> 
<li id="menu-item-70" class="menu-item menu-item-type-post_type menu-item-70"><a href="http://feedbackcomunicacion.es/?page_id=22">SERVICIOS</a></li> 
<li id="menu-item-71" class="menu-item menu-item-type-post_type menu-item-71"><a href="http://feedbackcomunicacion.es/?page_id=10">CLIENTES</a></li> 
<li id="menu-item-72" class="menu-item menu-item-type-post_type menu-item-72"><a href="http://feedbackcomunicacion.es/?page_id=13">CONTACTO</a></li> 
</ul></div>                    
               </div> 
                    </div> 
   

No logro ver porque IE7 no lo pone horizontal.

[Nekko]

Es mas facil si nos compartis la URL, ya que podemos ir probando online algunos cambios en el CSS y decirte mejor en donde mirar.

[Wakkos]

Oh! perdón, siempre la pongo xD

Puedes ver ejemplos en http://feedbackcomunicacion.es/

Otro ejemplo donde tengo el mismo problema es http://www.instaled.es

[Nekko]

Uy, acá me agarraste. Sólo veo tu error cuando lo veo en IE 8 con vista de compatibilidad... y la developer toolbar en IE no me deja editar el CSS! (Cómo demonios se hará???).

Podrías probar lo siguiente:

- Dale un alto a #navmenu
- Ponele un float:left a este elemento:

Código:

#navmenu li {
		display:inline-block;
		padding: 0px 0px 20px 10px;
		list-style:none;
		float:left;
		}

En IE8 se ve bien tu menu.