fixing IE7 float inside float bug

Question

hi,

in ie7 if you put a floated element inside a floated element to the same side the inside element just pushed far away outside the container element to the direction of the float.

consider this code

<div style="float: right">
<div style="float: right">
    some text
</div></div>

any solution for this bug??

Answer 1

I tested with the given code in ie7, the text "some text" went to the right end only. U can try with padding or margin.