Не вставляется фоновое изображение в блок div, если указать относительный путь

html css веб дизайн

Вот головоломка над которой уже пол дня голову ломаю: тестирую веб-страницу на локалхосте,
есть такой блок: <div id="header"></div> , и стили к нему:
height: 80px;
width: 100%;
background-color: green;
background-image: url(image.jpg);
Фоновый цвет появляется, картинка - почему-то нет. Файл image.jpg лежит в той же папке что и файл html. Причем если к фоновому изображению прописать путь не относительный, а абсолютный, типа: background-image: url(http:// sites/mySite_004/images/image. jpg) - оно загружается в данный блок! На странице еще несколько блоков div, в каждый из них фоновое изображение можно вставить при помощи background-image: url(image.jpg) только в <div id="header"> по какой-то загадочной причине не получается. Проверял в браузерах Google Crome и Firefox - везде одно и тоже.
Короче, буду несказанно рад если кто найдет причину и мне объяснит. Заранее спасибо!

Примечание:
AdmGelax, вот пожалуйста:

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" >
<title>Создаем header 8</title>
<style type="text/css">
html, body {
min-height:100%;
height:100%;
width:100%;
margin:0;
background-color: #c7b39b;
}
#header {
height: 80px;
width: 100%;

<!-- background-image: url(http://auto.dev/mySite_004/images/header.jpg); -->
background-image: url('header.jpg');
background-color: green;
}
#page {
min-height:100%;
}
#end_page {
height:80px;
}
#footer {
height:70px;
margin-top:-70px;
}
#text {
width: 600px;
overflow: auto;
}
</style>
</head>
<body>
<div id="page">
<div id="header"></div>
<div align="center" id="center">
<h3>Создаем header 8</h3>
<div align="left" id="text">всякий разный текст всякий разный текст всякий разный текст всякий разный текст всякий разный текст </div>
<br /><br />
<script type="text/javascript">
function show_form()
{
var d = document;
var a = d.getElementById('form').style.display;
d.getElementById('form').style.display = (a == 'none')?'block':'none';
d.getElementById('show').innerHTML = (a == 'none')?'Скрыть':'Редактировать запись';
}
</script>
<a href="#" onclick="show_form(); return false"><span id="show">Редактировать запись</span></a>
<div id='form' style='display:none'>
<form method='POST'>
<table>
<tr><td><textarea name='myDiscr' cols=70 rows=15></textarea></td></tr>
<tr><td><input type="submit" name="submit" value='Редактировать'></td></tr>
</table>
</form>
</div> <!-- Конец блока формы -->
</div> <!-- Конец блока center -->
<div id="end_page"></div>
</div> <!-- Конец блока page -->
<div id="footer" align="center"><a href="../">На главную</a></div>



</body>
</html>

Примечание:
JetSnail, да я уже с десяток разных картинок перепрорбовал: результат один и тот же, причем во все остальные блоки кроме <div id="header"> картинки нормально вставляются.

Примечание:
AdmGelax, выходит причина не в коде? Может быть в том, что у меня ОС Ubuntu 12.04 и браузеры, соответственно, под нее? На винде я сейчас не могу проверить.

Примечание:
ППЦ!! Сейчас протестировал мою несчастную страничку через "браузершот": ни в одном из 48 браузеров картинка в верхний блок не загрузилась, однако та же самая картинка загрузилась фоном в блок футера почти во всех. Смотрите сами: http://browsershots.org/http://osel1974.narod.ru/bg_img/image.html
Потихоньку начинаю с ума сходить :(

Примечание:
JetSnail, да верно! Я уже сам до этого допер наконец-то , буквально только что :) А я, дурак, и не знал, что внутри CSS нельзя так комментировать: с самого начала допустил эту ошибку, а потом сидел голову ломал и даже мысли не было что причина в этом комментарии :)
Ответы:
Была такая мистика у меня один раз. Искал два дня. Оказалось -- ошибка в имени файла изображения. В коде одно, в названии картинки чуть по другому.
У меня всё заработало после того, как убрал закомментированную строку:
"<!-- background-image: url(http://auto.dev/mySite_004/images/header.jpg); -->".
В CSS допускается оформление комментариев в виде "/*...*/", но не "<!--...-->".


11 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.