Anyway the both divs need to have at least 533px space so they can sit next to each other instead of under.
What you should do is float the divs. Lets presume that the FIRST image (from left to right) is sitting under the bannersubtabs class while the second image is under bannersubtabsmid class.
In that case your CSS code should look like this
Code:
.bannersubtabs{
float:left;
width: 267px;
height: 17px;
background-image:url(images/images/left-sub.gif);
font-size:93%;
background-repeat:no-repeat;
}
.bannersubtabsmid{
float:left;
margin:0px;
width: 266px;
height: 17px;
background-image:url(images/images/mid-sub.gif);
font-size:93%;
background-repeat:no-repeat;
}
And keep the same HTML markup. Anyway, i still don't see 3 images here, i see only 2 images.
Hope this helps, cheers.