[JeanB]

Hi Again, all!

Just trying to make a rollover for the speedbar!

I've managed to get this far:

http://i16.photobucket.com/albums/b49/BeanJardo/Work/speedbarscreenshot.jpg

But I can't work out how to get the last little bit to appear!


This is my CSS:

/* header tabs */
.tabs {
  position: absolute;
  top: 7px;
  right: 6px;
  margin: 0px;
  padding: 0px;
  height: 25px;
  width: 80%;
  text-align: right;
}
.tabs ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.tabs li {
  float: right;
  margin: 0px 1px 0px 0px;
  padding: 0px;
  background: transparent url("images/tab_right_roll.png") no-repeat right top;
  height: 25px;
  overflow: hidden;
}
.tabs a:link,
  .tabs a:visited,
  .tabs a:hover,
  .tabs a:active
{
  display: block;
  background: transparent url("images/tab_left_roll.png") no-repeat left top;
  margin: 0px 5px 0px 0px;
  padding: 5px 10px 5px 15px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  color: #253161;
  text-decoration: none;
  font-weight: bold;
  font-size: 11px;
  height: 25px;
  outline-style: none;
}
.tabs a:hover {
  color: #2863c2;
  background-position: 0 -25px;
}

Please don't tell me you can't have 2 background images on a css rollover...? lol


The two images are as below:



Any help greatly appreciated!

Thank you!!