crimson soda, таки не поняли. Еще раз.
Либо вы делаете только прозрачную полосу с ДВУМЯ! кружочками - в двух экземплярах, только на втором экземпляре поменяв шарики местами (еще раз внимательно смотрите спойлеры с моего последнего вам сообщения и еще раз внимательно читайте строчку:
Remus John Lupin написал(а):Собрали все в кучу на положенные им места, сохранили единую картинку.
).
Либо вы добавляете на прозрачную полосу с двумя кружочками еще и фон - опять смотрите под спойлеры со схемами сборок. Я вам там до точного местоположения указал, где и какие элементы у вас должны располагаться, вам только нужно открыть фотошоп и соорудить два Франкенштейна, каждый из которых будет состоять из трех картинок, а потом сохранить каждого из Франкенштейнов и засунуть ссылки в таблицу.
Учитывая, что вы придумали фон спустя готовую таблицу, у которого, оказывается, должны быть ничем не занятые "уши", то лучше фон к полоскам с кружочками не присовокуплять. Он станет на отдельный див. Соберите только свои шарики.
А вы пытаете ставить картинку каждого из кружков в отдельную вкладку, хотя они должны туда соваться блоком из всех неактивных и одной активной - гуськом, друг за другом нарисованных на одной полосе.