A question about overflow: hidden
I have two divs with float: right:

    <div id="container" style="width:760px">
      <div id="d1" style="float:right;"></div>
      <div id="d2" style="float:right;"></div>
    </div>

I want to hide any overflow in d2 if the contents of both divs get too wide to fit in their container (it all should be one line that must not wrap on a second line). As you may have guessed, the width of the contents is not fixed, and as you know overflow: hidden doesn't work if the width is not specified.

Thanks in advance for any suggestions ...
A question about overflow: hidden
===

I have two divs with float: right:

    <div id="container" style="width:760px">
      <div id="d1" style="float:right;"></div>
      <div id="d2" style="float:right;"></div>
    </div>

I want to hide any overflow in d2 if the contents of both divs get too wide to fit in their container (it all should be one line that must not wrap on a second line). As you may have guessed, the width of the contents is not fixed, and as you know overflow: hidden doesn't work if the width is not specified.

Thanks in advance for any suggestions ...