[Resolvido] Float:left não está funcionando direito...

Oi!

Gente, estou desde de manhã tentando arrumar isso aqui, e ele simplesmente n fica certo não sei pq, tentei mil coisas já!

No IE a div texto fica assim:

/applications/core/interface/imageproxy/imageproxy.php?img=http://i44.tinypic.com/111jql5.jpg&key=c389567ceb9c8ce4dc5a397e93f833e2ab83bfeff432ed73675fbbd6c6e821f2" alt="111jql5.jpg" />

E no firefox fica assim:

/applications/core/interface/imageproxy/imageproxy.php?img=http://i42.tinypic.com/2jfy7gz.jpg&key=5d4f167078aeb40855d786754e0d66b165e0293061a2a204c4a0b367c18db8ba" alt="2jfy7gz.jpg" />

eu não sei mais o que fazer, perdi a tarde inteira nisso...! :(

HTML:

<ul id="navmain">
 <li class="on">Sobre o CEDM</li>
 <li><a href="?page=clinica">Clínica</a></li>
<li><a href="?page=cursos">Cursos</a></li>
<li><a href="?page=sports">Sports</a></li>
 <li><a href="?page=prevencao">Prevenção da Dor</a></li>
<li><a href="?page=estudos">Centro de Estudos</a></li>
<li><a href="?page=contato">Contato</a></li>
</ul>
</div>
<div class="conteudo">
<div id="submenu">
	<ul class="sub">
 <li><a href="?page=filosofia">Filosofia</a></li>
 <li><a href="?page=historia">História</a></li>
 <li><a href="?page=equipe">Equipe</a></li>
 <li><a href="?page=home" class="inicial">Página inicial</a></li>
	</ul>
</div>
<div class="texto">
 <h1>O CEDM</h1>
 <h2>Centro de estudos que atua como Clínica e Instituição de Ensino</h2>
 <p>O CEDM é um Centro de estudos e tratamento do corpo, que busca a melhor compreensão e tratamento da dor crônica e do desempenho funcional do corpo, partindo do pressuposto de que cada indivíduo possui um Perfil Biomecânico Funcional (PBF) individual, que justifica suas posturas do cotidiano, e portanto a performance de seus movimentos e quadros de dor, e necessita de tratamentos personalizados, que se baseiem nesse perfil.</p><br/>
 <p>Oferecemos:</p>
 <p><span class="bold">Cursos Profissionalizantes, (para profissionais de Fisioterapia e Educação Física)</span><br/>
Para oferecer um modelo de formação continuada em dor que utiliza o modelo pedagógico de estudo baseado em problema, e aproxima os Fisioterapeutas e Educadores Físicos da discussão interdisciplinar sobre as causas e perpetuação da dor crônica, fornecendo assim autonomia na capacidade de personalização dos métodos de aplicação clínica.</p>

<p>Tratamento e/ou Prevenção da dor, (para vítimas da dor crônica ou pessoas interessadas na prevenção ou na melhora da performance física) <br/>
Para tratar ou prevenir o aparecimento da dor crônica, por meio da integração de conhecimentos interdisciplinares da Fisiologia, que possibilitam a avaliação do perfil biomecânico funcional de cada um e, portanto, a solução clínica ideal para cada caso, de acordo com sua estrutura, movimentos e necessidades corporais;</p>
<p>Aulas e Grupos de estudo, (para pacientes e pessoas leigas no assunto)<br/>
Aulas de Pilates, Treinamentos funcionais, Seminários e Grupos de estudo que propagam parte desse rico conhecimento e o insere na prática esportiva e desportiva, de acordo com as necessidades e interesses do aluno/paciente, que deseja aprimorar seu conhecimento e/ou a performance de seu corpo e aplicá-lo no seu dia-a-dia.</p>

 </p>
 <br />
 <div class="white"></div>
</div>
</div>

CSS:

.conteudo {
width:960px;
background:#efefef url(../images/conteudo.gif) no-repeat right bottom;
}
#submenu {
width:239px;
height:617px;
background:url(../images/bluev.jpg) repeat-x;
float:left;
}

ul.sub {

list-style:none;
padding-top: 30px;
}

ul.sub li {

padding-top: 20px;
padding-bottom: 20px;
border-bottom:white 1px solid;
text-align:center;
font: 1em Arial, Helvetica, sans-serif;
}

ul.sub a {

text-decoration:none;
text-align:center;
color:white;
}

ul.sub a:hover {

text-decoration:underline;
}

a.inicial {

font: 0.76em Arial, Helvetica, sans-serif;
color:#232559;
border:none;
}
.texto {
margin-right:45px;
width:721px;
height:100%;
}

.texto h1 {

padding:45px 0 30px 0;

}

.texto h2 {

font: italic 1.2em Arial, Helvetica, sans-serif;
padding:5px 0 20px 0;
color:#378ec3;
}

.texto p {

padding:0 45px 20px 0;
font: 0.85em Arial, Helvetica, sans-serif;
line-height:23px;
color:#333;

}

.texto ul {

padding:0 45px 20px 0;
font: 0.85em Arial, Helvetica, sans-serif;
line-height:23px;
color:#333;
}
.white {
height:400px;
}

Coloquei "float:left" na div anterior a do texto, que é a 'submenu', e ja tentei colocar margin e padding para afastar o texto do submenu...mas ele n vai!