problema de maquetacion

[sebaweb]

Buenas gente como andan? necesito de nuevo su ayuda ya que ya intente por miles de maneras y no pude solcionar nada, les comento como viene la mano...

estoy maquetando un psd. tengo que hacer ocho cuatro cajas que contengan determinada informacion asi...





bueno como les decia, use unas listas, este es el codigo...

Código HTML:

<div class="menu_principal">
		<ul>
			<li>
				<div></div>
				<div>
					<h4>
						Mi nombre es Sebastian Petrucci, tengo 20 años y vivo en el barrio de Villa Urquiza. Desde los 18 años
						que empezé a diseñar páginas, manejo xhtml, css, javascript y tengo como objetivo llegar a manejar php.
					</h4>
				</div>
			</li>
			<li>
				<div></div>
				<div>
					<h4>
						Puedes encontrarme mediante las siguientes maneras:
						Facebook
						Twitter
						Mail personal
					</h4>
				</div>
			</li>
			<li>
				<div></div>
				<div>
					<h4>
						Acá podran econtrar páginas diseñadas por mi, y templates hechos con css tambien propios.
						A medida que valla diseñando mas templates los voy subiendo.
					</h4>
				</div>
			</li>
			<li>
				<div></div>
				<div>
					<h4>
						Gracias a Wordpress pude tener mi blog personal, con mi propio dominio y poder elegir entre miles de diseños.
						Realmente es un placer usar Wordpress.
					</h4>
				</div>
			</li>
			</div>




		<div class="amigos"></ul>
		<ul>
			<li>
				<div></div>
				<div>
					<h4>
						*Agencia creativa
						*Campañas online
						*Marjeting
						*Publicidad
					</h4>
				</div>
			</li>
			<li>
				<div></div>
				<div>
					<h4>
						Venta de hardware, computadoras, notebooks, servicio técnico, el mejor servicio pos-venta. Capital Federal, 
						Belgrano.
					</h4>
				</div>
			</li>
			<li>
				<div></div>
				<div>
					<h4>
						¿Necesitas recordar algo? Stuckeet es un sistema de posteos virtuales.
					</h4>
				</div>
			</li>
			<li>
				<div></div>
				<div>
					<h4>
						Torneos de Poker. Mesas preliminares de 8 o más personas. Estilo de juego Texas H'oldem.
					</h4>
				</div>
			</li>
		</ul>
		</div> 

y el css...

Código CSS:

.principal_cont {
    margin: 0 auto;
    margin-top: 80px;
    padding: 0;
    width: 955px;
    overflow: hidden;
}
.principal_cont ul {
    margin: 0;
    padding: 0;
}
.principal_cont li {
    margin-right: 50px;
    float: left;
    width: 190px;
    color: #999;
}
.principal_cont ul li {
    list-style-type: none;
}
.principal_cont h4 {
    font-weight: normal;
    font-family: Tahoma;
    font-size: small;
}
.menu_principal {
    margin-bottom: 20px;
}
.amigos {
    margin-top: 50px;
}
 

Bueno la cosa es que la imagen en mi editor de texto queda asi...



y en los navegadores asi...



Alguien sabe porque puede ser?? necesito ayuda urgente por favor, saludos y espero haber sido claro

[fiu]

el ancho no llega para los 4, y el 4º salta a la siguiente linea, con el float se va a la izquierda hasta donde puede, y queda debajo del segundo.... a partir de ahi el resto de la estructura se rompe.

[sebaweb]

sisi tenias razon!! igual si eso lo sabia trate de calcular una medida que no sobrepase la del div, pero lo que no habia visto es que habia puesto un margen derecho al UL y por eso no entraba!


muchas gracias por tu ayuda =D