Как сделать горизонтальное меню из картинок

[Mila]

Задача вроде несложная - нужно сделать горизонтальное меню, в котором в качестве ссылок будут изображения.

Но, почему то эти картинки-ссылки или вообще не отображаются или отображаются как картинки, а не как ссылки.

Вот HTML код:

	   
 <div id="page-menu">
	 <ul id="menu">
		 <li><a class="home" href="" title="Главная"></a></li>
		 <li><a class="about" href="" title="О сайте"></a></li>
		 <li><a class="map" href="" title="Карта сайта"></a></li>
		 <li><a class="contact" href="" title="Контакты"></a></li>
	</ul>
</div>

Это CSS:

#page-menu { 
  float: right;
  width : 590px; 
  height: 120px; 
  margin : 30px 0 0 0; 
  padding : 0; 
}
ul#menu { 
  margin : 0; 
  padding : 0; 
  overflow: hidden;
} 
ul#menu li { 
  float: left;
  width : 147px; 
  height: 121px; 
  list-style-type : none; 
  margin : 0; 
  padding : 0; 
  display : inline; 
} 
.home { 
  background: url(/images/menu.png') left no-repeat;
} 
.about { 
  background: url(/images/menu.png') left no-repeat;
} 
.map { 
  background: url(/images/menu.png') left no-repeat;
} 
.contact { 
  background: url('/images/menu.png') left no-repeat;
}

Помогите, пожалуйста, кто может...

Edited August 2, 2010 by Mila

[mishka]

Здорово что сам это пытаешся сделать, так далеко пойдешь. В будующем для себя (и не только) будешь писать маленькие(имею ввиду не пустяковые, а меньше чем всякие плагины с библиотеками) шустрые скрипты.

Но поверь при подключении библиотеки скорость разработки увеличивается значительно. Этой задачи что ты сделал есть плагины на jQuery, которые отлично работают, и плавно и качественно. И подключить его дело 15 минут.

Это мой ответ на твой вопрос.

Edited August 7, 2010 by mishka2

[PocketGaming]

Ну не знаю, по-моему, лучше один раз написать самостоятельно и если уж копипастить, то свой код. Например, мой бывший преподаватель по JS пользуется десятком подключаемых функций вроде getElementsByClass, но использует свой файл-библиотеку и каждую такую функцию может запросто написать, если файла-библиотеки не будет. А вот те кодеры (программистами их называть язык не поворачивается), которые пользуются jQuery, даже не пытаясь понять механизма работы функций из этой библиотеки — продукты деградации общества. Они ведь пользуются чужим кодом не ради экономии времени (как, например, технологи из студии Лебедева), а просто потому что не в состоянии самостоятельно сделать многие вещи, зачастую не очень-то и сложные. Вообще, интернет становится слишком доступным для обывателя. Каждый дурак сегодня может зарегистрироваться на uCoz, сделать ГС и считать себя крутым веб-мастером. Совсем недавно мне попался человек, не сделавший ни единого сайта и выпендривавшийся передо мной после того, как слил мой шаблон из-за того, что я случайно удалил .htaccess. Самое забавное, что этот "павилитель интырнета" с умным видом повторял, дескать, а нечего папки без .htaccess, думая, что этот файл отвечает за безопасность (на самом деле это утверждение верно лишь частично, .htaccess задает конфигурацию Apache для определенной папки). Вот очень такие люди бесят, хотя я сам от такого уровня недалеко ушел, всего-навсего год назад сделал сайт целиком на Flash, потому как денюжек хотелось, а иных познаний, даже html, не было ).

Edited August 7, 2010 by PocketGaming