Браузер кэширует фоновые изображения CSS?

Когда мне использовали то же изображение для различных элементов (изображения спрайта), я обычно не называю то изображение снова, поскольку это - новый Запрос HTTP.

Я скорее использую:

element1 {
    background: url(someImage.png);
}

element2 {
    background-image: inherit;
}

Это сохраняет Запросы HTTP?

Или если браузер умен, и я могу использовать:

element1 {
    background: url(someImage.png);
}

element2 {
    background: url(someImage.png);
}

Браузер собирается сделать новый Запрос HTTP? Или это знает, что мне уже кэшировали это изображение?

Вопрос: я получаю что-то при помощи примера 1?