resimli menu

<divclass="menu">
<ul>
<li><ahref="#"class="link1">Link1 </a></li>
<li><ahref="#"class="link2">Link2 </a></li>
<li><ahref="#"class="link3">Link3 </a></li>
<li><ahref="#"class="link4">Link4 </a></li>
<li><ahref="#"class="link5">Link5 </a></li>
</ul>

</div>

.menu
{

POSITION: absolute;
MARGIN: 0px 0px 0px 0px;
}
.menu UL LI
{
list-style-type: none;
PADDING-BOTTOM: 0px;
PADDING-LEFT: 10px;
WIDTH: 156px;
PADDING-RIGHT: 0px;
BACKGROUND: url(images/dot.gif) repeat-x 0% 100%;
PADDING-TOP: 0px;
}
.menu UL LI A {
PADDING-BOTTOM: 0px;
LINE-HEIGHT: 40px;
PADDING-LEFT: 62px;
PADDING-RIGHT: 0px;
DISPLAY: block;
COLOR: #444;
FONT-SIZE: 15px;
TEXT-DECORATION: none;
PADDING-TOP: 0px;
}
.menu UL LI A:hover {
COLOR: #61aae1;
}
.link1 {
BACKGROUND: url(images/mainpage.gif) no-repeat 0% 4px;
}
.link2 {
BACKGROUND: url(images/aboutus.gif) no-repeat 0% 4px;
}
.link3 {
BACKGROUND: url(images/solutions.gif) no-repeat 0% 4px;
}
.link4 {
BACKGROUND: url(images/services.gif) no-repeat 0% 4px;
}
.link5 {
BACKGROUND: url(images/contacts.gif) no-repeat 0% 4px;
}