Posicionar DIV do lado de outra distorce div principal

[SimS™]

Boa tarde a todos.

Estou criando um layout com HTML e CSS, e confesso que estou me acostumando ainda com a ideia do CSS com ajuda de alguns sites.

Por mais que eu não tenha muito conhecimento, até que estou progredindo no desenvolvimento do mesmo. Só que é o seguinte, o site tem uma div principal que vai o conteúdo (que contém um background diferenciado do fundo principal da página), e logo abaixo uma outra div como um "destaque de conteúdo", até aí ok.

Logo abaixo tem uma div simples (com algumas propriedades do CSS) só com o texto e do lado, uma versão "menor" da div de "destaque de conteúdo" (talvez para fazer um menu simples), porém quando posiciono-as com float (uma com float:left e a outra com float:right) o background da div principal de conteúdo termina antes destas duas divs, ou seja, é como se o código não estivesse dentro.

Segue código abaixo com alguns exemplos:

Com float >>> base.css

http://pastebin.com/yWtNmRsA

Link Página com exemplo

Sem float >>> base.css

http://pastebin.com/4qLpdtAJ

Link Página com exemplo

Código HTML

http://pastebin.com/UWBQFLBG

Alguém pode dar um auxilio? :)

[SimS™]

Como ninguém se dispôs a responder, consegui achar uma solução, era só utilizar uma div logo abaixo com o código clear:both do CSS.

http://www.richardbarros.com.br/blog/css/c...opriedade-float