Как установить изображение в 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; 
    } 

обновление:

Actualy, когда я не ставил изображение в фоновом режиме, то ДИВ выглядит хорошо, но когда я ставлю изображения его высоту и ширину существует затрагиваемым

любую идею ... ответ будет в полной мере оценить ... спасибо

Answer 1

Я могу видеть немного обманутых в вашем CSS, например, для фона, вы используете цвет дважды, и вы настраиваете его на градиент для Chrome и Firefox. Вы тоже повторяете разницу. Насколько я могу стоять, ваша проблема была связана с padding. Я удалил это только. Просьба проверить css и предоставить скриншот, если это возможно.

#image_try { 
-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; 
border: 2px; 
color: #FF0000; 

width: 164px; 

height: 79px; 
background-image:url(images/weather.jpg) no-repeat; 
} 

Постарайся выше отредактированный ответ