#menu {
  line-height:2em;
  float:left;
  padding:10px;
  width:150px;
}

a.menu1, a.menu2, a.menu3, a.menu4, a.menu5, a.menu6, a.menu7, a.menu8 {
  color: #fff;
  display: block;
  overflow: hidden;
  text-align: center;
  position: relative;
}

a.menu1, a.menu2, a.menu3, a.menu4, a.menu5, a.menu6, a.menu7, a.menu8 {
  height: 15px;
}

a.menu1 {
  background: url(data/menu_01b.gif) left top no-repeat;
  width: 90px;
}

a.menu2 {
  background: url(data/menu_02b.gif) left top no-repeat;
  width: 108px;
}

a.menu3 {
  background: url(data/menu_03b.gif) left top no-repeat;
  width: 136px;
}

a.menu4 {
  background: url(data/menu_04b.gif) left top no-repeat;
  width: 95px;
}

a.menu5 {
  background: url(data/menu_05b.gif) left top no-repeat;
  width: 62px;
}

a.menu6 {
  background: url(data/menu_06b.gif) left top no-repeat;
  width: 119px;
}

a.menu7 {
  background: url(data/menu_07b.gif) left top no-repeat;
  width: 108px;
}

a.menu8 {
  background: url(data/menu_08b.gif) left top no-repeat;
  width: 91px;
}


a.menu1:hover img, a.menu2:hover img, a.menu3:hover img, a.menu4:hover img, a.menu5:hover img, a.menu6:hover img, a.menu7:hover img, a.menu8:hover img {
  position: relative;
  top: -15px;
}