Карина, сохраните это в html-файле:
HTML код:
<html>
<head>
<title>Заголовок</title>
<style>
div#nav a {
font-weight:bold;
font-size:40;
text-align:center;
background-image:url('1.jpg');
width:200;
height:50;
display:block;
text-decoration:none;
color:black
}
div#nav a:hover {
background-image:url('2.jpg');
color:white;
}
</style>
</head>
<body>
<div id='nav' style="top:100; left:100">
<a href='link1.html'>Ссылка 1</a>
<a href='link2.html'>Ссылка 2</a>
<a href='link3.html'>Ссылка 3</a>
<a href='link4.html'>Ссылка 4</a>
<a href='link5.html'>Ссылка 5</a>
<a href='link6.html'>Ссылка 6</a>
</div>
</body>
</html>
1.jpg и 2.jpg - картинки размером 200х50 в той же папке, что и html-файл.
Работает
даже в Internet Explorer 6
(Да, я немного изменил то, что предложил изначально. Потому что это более простой вариант)
