Problemas con salto de DIV

[George_89]

Hola estoy haciendo una modificacion de una plantilla que esta hecha a base de css, el problema es el siguiente yo tengo unos menos deplegables que son div, ul y li, tengo definida esta clase

Código HTML:

.art-menu ul a
{
	display:block;
	padding: 0;
	width: 180px;
	overflow:hidden;
	float: left; height: 100%;
        margin: 0 !important; 
	padding-left: 0px; 


	background-color: rgba(100, 100, 100, 0.9);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(75, 75, 75, 0.9);
}

pero cuando se despligan textos mas grandes que el ancho del div, la linea de abajo no esta al mismo nivel horizontalmente con la de arriba algo asi

Código HTML:

        linea arriba
linea abajo

y una pregunta extra como hago para que los div sean mas cortos verticalmente sin problemas de que no se vean la lineas de abajo si alguien me puede ayudar a resolver esto se los agradeceria muchisimo

[sanxuan]

Para poder ayudarte sería necesario ver el código HTML y CSS o tener un enlace a tu página.
El comportamiento es el que cabe esperar en elementos flotantes cuando no caben dentro del div. Como el margen y el padding son igual a cero, en la siguiente línea aparecen pegados al margen izquierdo (float:left). Aumenta el ancho del div, disminuye el tamaño de letra, ... y evitarás el salto a la línea siguiente.
La segunda pregunta no la he entendido bien.

[George_89]

bueno gracias ya encontre el promela es que en otra parte como dije es una plantilla tenia un text-indent:12 px eso hacia mover la primera linea lo quite y solo puse un paddding:12px y problemas resuleto gracias