html - IE7 - Background-color is too wide -

html - IE7 - Background-color is too wide -

i have text on top of image.

in new browsers it's working fine.

but when check in ie7, looks this:

somehow, ie7 keen, on giving background color width of 100%. , don't wanne prepare it, setting width, since length of text vary page page.

my css looks this:

#sub-slideshow-wrapper h2 { font-family: 'droid sans',sans-serif; display: table; font-size: 20px; font-weight: 900; color: #000; background: #e68e47; background: rgba(230,142,71,0.8); padding: 7px; margin: 0 0 3px 0; }

and know ie7 outdated, , 1.xxx usnig it. expection work on browsers, old ones.

if must back upwards ie7 add together zoom:1 , *display:inline (star hack target ie6 & 7) create ie 7 display them if inline-block. however may have other effects not want.

#sub-slideshow-wrapper h2 { font-family: 'droid sans',sans-serif; zoom: 1; /* added */ *display: inline; /* added */ display: table; font-size: 20px; font-weight: 900; color: #000; background: #e68e47; background: rgba(230,142,71,0.8); padding: 7px; margin: 0 0 3px 0; }

html css internet-explorer-7