Internet Explorer 6 and 7: floated elements expand to 100% width when they contain a child element floated right. Is there a workaround?

Question

I\'ve got a parent div floated left, with two child divs that I need to float right.

The parent div should (if I understand th

Answer 1

Something you could start with is this:

Tester 1


Tester 2

The result of that seems to be at least in the ballpark of what you're looking for. Obviously, you'd want to tweak it for your needs, and probably add some css logic to only apply it to browser < IE 7.

If that's not exactly what you're looking for, try playing with some negative margins.