Firefox中的浮动div由于内容太大而转到下一行

我遇到了一些不标准的情况，使用html标记。 目前使用两个浮动div

 .navigation 
 {
     width: 200px;
     float: left;
 }

 .content
 {
     float: left;
 }

问题是Firefox将第二个div移到下一行，只要它的内容大于页面宽度-200px。如何解决此问题以适应页面空间的第二个div剩余部分，而不使用max width属性，因为我的内容显示在1024到1980 px宽度的不同分辨率监视器中。

---

当前仅在Firefox中发生。

如果你有一个父容器，你可以给它

左填充：200px

和

.navigation{margin left:-200px；}

。这样你就可以摆脱

float:left在内容上，因为它将始终由家长填充。
投票通过，是的，我知道这种黑客行为，但我想提出更清晰的解决方案，仍然使用浮动div。