Liste mit Css und Javascript

Ich brauche eure Hilfe.

Ich möchte ein Auswahlmenü bauen, wo mehere Listenfelder nebeneinander liegen. Natürlich könnte man das einfach mit ein paar select Elementen machen, aber damit funktioniert mein Vorhaben glaube ich nicht.

Es sollen we gesagt mehrere Auswahllisten nebeneinander stehen, wo nach Auswahl eines Inhaltes der Eintrag eingefärbt wird und alle Auswahlen am Ende auf einer Linie liegen. Soll heißen, wenn in der erstel Liste der mittlere Eintrag ausgewählt wird und in der zweiten Liste der unterste Eintrag. Soll der Inhalt von Listenfeld2 soweit hinaufgeschoben werden, bis beide Auswahlen auf gleicher Höhe liegen.

Somit scheiden Select Elemente aus, da es hier glaube ich nich tmöglich ist mit Javascript den Inhalt zu bewegen.

Ich hätte mir das so vorgestellt, dass ich 2 Div Elemente verschachtel und im inneren eine Liste ablege. Somit wäre es möglich das innere Div Element mit der Auswahl auf und ab zu bewegen.

Gibt es eine einfachere Lösung, oder bin ich mit dieser schon aufn Richtigen weg?

Hier habe ich bereits eine Beispielseite gemacht, nur übeschneidet sich mein Inneres Div(weiß) mit den Äuseren und am unteren Rand wird das Padding nicht beachtet.
Hat dafür jemand eine Lösung?

Die Aufgabenstellung ist hier nochmals grafisch dargestellt.

Würde mich über eure Hilfe freuen.

Macht nichts, erstens war es spät und zweitens hab ich schon zusammen bekommen