Fast Img, Fill Img og så Fast Img

Hej

Jeg har et lille problem med at få tre DIV's med background-image til at positionere sig korrekt.

Jeg har en ydre div med en width på 200px. I denne har jeg tre div's: Den første er 170px bred og har et background-image uden repeat, den næste indeholder et repeat-x bg image, og den sidste har en bredde på 5px uden repeat.

Sagen er at jeg vil ha' et fast billede til venstre, et fast til højre og et repeat image der udfylder pladsen imellem. Men jeg kan ikke rigtigt få det til at funge. (Fill div'en fylder det hele ud og der er ikke plads til den højre div) Min kode er som følger :

<div class="psTop">
  <div class="psTopLeft"></div>
  <div class="psTopFill"></div>
  <div class="psTopCorner"></div>
</div>

.psTop
{
  width: 100%;
  height: 24px;
}

.psTopLeft
{
  background-image: url(Left.jpg);
  background-repeat: no-repeat;
  width: 170px;
  height: 100%;
  float: left;
}

.psTopFill
{
  background-image: url(1pxFill.jpg);
  background-repeat: repeat-x;
  height: 100%;
  float: none;
  width: auto;
}

.psTopCorner
{
  background-image: url(Corner.jpg);
  background-repeat: no-repeat;
  min-width: 5px;
  height: 100%;
  float: right;
}

Nogen idé til hvad jeg gør galt her