Isso deve ser fácil ... por que isso não é fácil?

Eu estou procurando ter 2 divs lado a lado, onde uma div será dimensionada automaticamente para o conteúdo interno e a segunda div simplesmente preencherá a largura restante. Eu preciso que o texto na div 'largura restante' seja truncado se for muito grande, pois só posso fazer com que essas divs ocupem uma linha.

Estive pesquisando o dia todo e o mais próximo que encontrei foiist post, que sugeriu o uso de tabelas que AINDA não corrigiu o problem

Aqui está o código jsfiddle que reproduz o meu problema:http: //jsfiddle.net/ssawchenko/gMxWc

Espero que um de vocês possa me ajudar!

=== Solução CSS (Hacky)? ===

Ao adicionar uma margem negativa (que deve garantir que seja grande o suficiente para cobrir o tamanho certo), "funcionará". Isso parece tão hacky eposs não corrigir o problema completamente embora. Se eu arrastar a janela do jsfiddle de um lado para o outro para encolher e aumentar as divs, ocorrerão algumas esquisitices em que o texto encolher para parecer flutuar, não totalmente à direit

.right_part 
{
  margin-left:-1000px; 
  background:yellow;   
  float:right;
  white-space:nowrap;
} 

=== Solução CSS completa ===

FINALMENTE encontrou a combinação CSS correta!

http: //jsfiddle.net/ssawchenko/gKnuY

Meu erro foi que eu estava flutuando incorretamente meu conteúdo "adequado ao". Ao mover a div para o local correto no DOM, o conteúdo é flutuado corretamente e a div "tamanho restante" agora ocupa corretamente o espaço restante.

Eu também queria forçar os divs a ocupar UMA linha, e é por isso que defini CSS tão estrito no conteúdo div "de tamanho restante". estouro: oculto; estouro de texto: reticências;