Viendo tu código #principal no tiene ningún ancho definido, tampoco tiene algún float.
Luego no entiendo por qué pones lo siguiente:
Código:
<p><h1>TituloTituloTituloTituloTituloTituloTituloTituloTituloTituloTituloTitul
oTituloTituloTituloTituloTituloTituloTituloTituloTituloTituloTituloTituloTituloTit
uloTituloTituloTituloTituloTituloTituloTituloTituloTituloTituloTituloTituloTitulo
TituloTituloTituloTituloTituloTituloTituloTituloTituloTituloTituloTituloTituloTitu
loTitulo</h1></p>
el <p> está por demás ya que solo se pone cuando es un párrafo.
Otra cosa que te recomiendo es que separes bien tu CSS, esto no debe ir en tu código html:
Código:
<li style="float:left;padding-left:50px;">
Salu2
