html - CSSbg画像のポジショニング

Question

Firefoxで完全に機能するbgイメージのdivがありますがbackground-position:bottom right -3px;、IEとCHROMEでは機能しません。IEとCHROMEで希望どおりに画像をDIVに配置するにはどうすればよいですか？

これがIEとFIREFOXのスクリーンショットです

FIREFOX ^

IE ^

CSS

.side_msg { font-size:16px; text-align:left; color:#EFEFEF; background-color:#7B9F31;     padding:30px; border-top:2px solid #FFF; border-left:2px solid #FFF;     border-right:2px solid #FFF; margin-right:-80px;
 background-image:url(../img/msg_bot.png); background-position:bottom right -3px       !important; background-repeat:no-repeat;  }
.side_msg_top { position:relative; right:-80px; bottom:-12px; min-height:58px;      background-image:url(../img/msg_top.png); background-position:right; background-repeat:no-repeat; }

Answer 1

位置は2つの座標のみであるため、次のようになります。

background-position: right bottom;

または：

background-position: right -3px;

または：

background-position: -3px bottom;