html - 画像をdivに設定する方法

Question

画像を div に合わせようとしていますが、何か問題が発生しています。実際には、画像を div に設定したときに div プロパティに影響を与えないようにしたいだけです。

私はこのようにしようとしています:

#image_try {
    background-color: white;
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5);
    -webkit-border-radius: 12px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background: -webkit-gradient(linear, left top, left bottom, 
       color-stop(0%, white), color-stop(15%, white), color-stop(100%, #D7E9F5));
    background: -moz-linear-gradient(top, white 0%, white 55%, #D5E4F3 130%);
    float: right;
    border: 2px;
    color: #FF0000;
    overflow: hidden;
    width: 164px;
    display: table;
    margin: 0 auto;
    padding: 78px 31px 7px 233px;
    background: #FFFFFF;
    height: 79px;
    margin-top: -174px;
    margin-right: 25px;
    background-image:url(images/weather.jpg) no-repeat;
  }

更新:

実際には、背景に画像を設定しなかった場合、div は適切に見えますが、画像を設定している場合、その高さと幅が影響を受けます

任意のアイデア...答えは十分に感謝します...ありがとう