max-width:-webkit-fit-content ie 8 equivalent?

Question

Are there any hacks for `max-width:-webkit-fit-content;` for ie 8? Trying to get a child div to not take up the whole width of the parent and this works well with ff, chrome and safari; hoping there's some hack to get it to work with ie 8 as well. Fiddle showing the behavior: http://jsfiddle.net/XtZq9/ Code for the behavior I want in ie8: ``` #wrap { background-color: aqua; width:300px; height: 50px; padding-top: 1px; } .textbox { background-color: yellow; max-width: intrinsic; max-width:-webkit-fit-content; max-width: -moz-max-content; margin-top: 2px; }

Here is some text

Here is other, longer, text

```

Accepted Answer

The closest I can think of is floating your elements. Not exactly alike, but probably sufficiently alike;) You need to set extra margin though, but this should be no problem with a conditional stylesheet.

```
.textbox {
    background-color: yellow;
    float:left;
    clear:left;
}
```

Your modified fiddle

max-width:-webkit-fit-content ie 8 equivalent?

Solution

Problem