Фон .png не отображается в Chrome и Firefox

Должно быть, мне здесь не хватает чего-то совершенно очевидного, но я не могу найти ничего в Интернете, чтобы сказать мне обратное.

Я пытаюсь вставить .png на страницу, используя:

background:url(img/runner1.png) no-repeat;

Я знаю, что путь правильный, потому что то же самое с jpg работает:

background:url(img/header.jpg) no-repeat;

Кажется, это работает в Safari, но не в Chrome или Firefox.

Я что-то здесь упускаю?

ИЗМЕНИТЬ - Я использую:

#runner1{
background:url(img/runner1.png) no-repeat;
float: left;
border: 1px solid #FFF;
width: 195px;
height: 205px;
}

для следующего элемента:

<div id="runner1"></div>

Страница просто запускается локально с моего рабочего стола (поэтому сервер не задействован).

Как упоминалось ранее, пути не проблема, потому что jpg из того же каталога работает.

Firebug говорит:

runner1.png 
GET
Success
image/png
index.html:201  
0B  
8ms

Но я не вижу предварительного просмотра или ответа в Firebug.

Также прямой доступ к файлу возвращает тот же результат.