[gizmo]

Lock15

Not sure where you going with this, what do you mean by "css learners" the code is wrong?

First I didn't paste all code, as I only posted some to illistrate to the user how the images are working, as this was the talking point. which I have now below (This is Light and Lucid For 4.3)

/* header tabs */
.tabs {
    position: absolute;
  top: 0px;
  right: 0px;
  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_r.png) no-repeat right top;
  height: 25px;
}
.tabs a:link,
  .tabs a:visited,
  .tabs a:hover,
  .tabs a:active
{
  display: block;
  background: transparent url(images/tab_l.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;
}

The css is fully compliant with w3c You can try here http://jigsaw.w3.org/css-validator/#validate_by_input

By Pasting the css into the link above, I gather you may have assumed that was complete code within my post reply!