Problema con desplazamiento de elementos

[android]

Buenas! Quiero conseguir algo parecido a esto:




El problema es que el contenido se me desplaza a la derecha por lo que no lo que me queda de la siguiente manera y me aparece el scrollbar horizontal:




La hoja de estilos es esta:

Código HTML:

a:link, a:active, a:visited {
	text-decoration: none;
	color: #263F6A;
}

a:hover {
	text-decoration: underline;
	color: #3F9AC9;
}

#assistbarGroup {
	background-color: #182b45;
	float: left;
	height: 18px;
	position: relative;
	margin: 0;
	width: 1000px;
	border-top: 1px solid white;
	padding: 6px 0 0;
}

#assistbar {
	width: 1000px;
	position: relative;
	float: left;
	display: inline;
}

#content {
	position: absolute; 
	width: 1000px; 
	height: 715px; 
	z-index: 1; 
	left: 226px; 
	top: 114px
}

#navigator {
	width: 210px; 
	height:100%; 
	background-color: #F3F3F3
}

h3 {color:#606061;
font-family:Arial,Helvetica,Helv,Geneva,sans-serif;
font-size:18px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:22px;
padding: 30px 0 0 0;
}

p {color:#606061;
font-family:Arial,Helvetica,Helv,Geneva,sans-serif;
font-size:13px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:22px;
}
table {color:#606061;
font-family:Arial,Helvetica,Helv,Geneva,sans-serif;
font-size:15px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:22px;
}
input {color:#606061;
font-family:Arial,Helvetica,Helv,Geneva,sans-serif;
font-size:15px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:22px;
}

.main{
padding: 20px 0 30px 10px;

}

.inputfile{
padding: 20px 0 0 0;

}

#save.saving{
padding: 10px 0 0 0;
display:none;

}
#spinner.spinner{
padding: 200px 0 0 500px;
display:none;

}
.navigation{
display:none;
}


.title1 { font-style:normal; font-variant:normal; font-weight:normal; font-size:28px; line-height:22px; color:#606061; padding-bottom:20; font-family:Arial,Helvetica,Helv,Geneva,sans-serif;  }
.title2 { font-style:normal; font-variant:normal; font-weight:normal; font-size:14px; line-height:19px; color:#606061; padding-bottom:10; font-family:Arial,Helvetica,Helv,Geneva,sans-serif;  }
.title3 { font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; line-height:18px; color:#606061; padding-bottom:14; font-family:Arial,Helvetica,Helv,Geneva,sans-serif;  }

Donde #navigator es la barra de navegación, y el contenido es #content


Alguien sabe como arreglarlo?

Un saludo!

[android]

se arreglaria con un float?

[Geky]

Intentaré ayudarte aunque no manejo mucho de CSS :S

Entiendo que #content es la casilla de contenido y #navigator es la casilla de navegación.
No me queda claro qué elemento es el del Título, pero creo que su ancho debe ser la suma de los anchos de #content y #navigator, osea, 210px + 1000px (1210px en total)

Un saludo.

[android]

Hola!

Asi es, #content y #navigator es lo que tu dices.
El titulo no lo tengo metido en un div. Es decir, tengo el body y dentro de el tengo el titulo, el div del #navigator y el div del #content.

No se si me explico...

Deberia meter un div al titulo?

Un saludo!