DimitarChristoff/Modal — Issue #1: IE7 autoWidth fails to center block element
Author: DimitarChristoff
Created: 2012-01-10 16:40:47+00:00
State: open

Basically, the collection of divs that comprise the modal body fails to wrap width to the content width (eg, an image) as the `autoWidth` class relies on `display: inline-block` on the main modal div.

Instead, in IE7, it extends all the width of the browser.

markup:

```javascript
template: ['

',
'
',
'
',
'	',
'

',
'',
'

',
'

',
'

',
'

',
'

',
'

',
'',
'
',
'
',
'

'].join(""),
```

```css
.modal-box {
min-width: 250px;
width: 70%;
max-width: 750px;
border: 1px solid;
border-color: #afafaf #a0a0a0 #909090;
border-radius: 6px;
margin-top: 30px;
opacity: 0;
left: 100%;
visibility: hidden;
text-align: left;
}

.autoWidth {
text-align: center;
width: auto;
max-width: none;
display: inline-block;
}
```