Tekst der flytter sig når det ikke skal

Forskellen på .menuItem og .menuItem1 er at der ikke er border-left på .menuItem1. Dette får teksten til at flytte sig1px til venstre, når du klikker

Sæt evt. en border på der er border-left:1px solid #gulfarve;

nej, det er noget jeg selv har lavet, i håb om, at det ville virke!
Det du foreslår giver samme resultat

.menuItem1 {
padding-left: 5px;
padding-right: 5px;
border-right: 1px solid #ff0;
cursor: hand;
border-top: 1px solid #ff0;
border-left: 1px solid #ff0;
border-right: 1px solid #ff0;
}

Det hjælper ingen steder

du skal lave din menuItem1 således

.menuItem1 {
  padding-left: 6px;
  padding-right: 5px;
  border-right: 1px solid #ff0;
  cursor: hand;
  cursor: pointer;
}

lillebror >> jeg kan se, at du kan lide mit design :-))

Du mangler en border-left på denne : .menuItemSelected1
så virker det hos mig ihvert fald

Men hvorfor bruger du <span> til dine menuitems, det er vel egentlig et <a> du bør bruge rent idelogisk, hvorved du så får din cursor :hand forærende

du skal på menuItemSelected1 fjerne border-left - derimod skal du forøge padding-left til 6px

Jeg har igen rettet kopien til på
  http://exp.skroeder.dk/340917/new.html

så du kan se, hvad jeg mener...

Jeps dit design er vidunderligt :)
dog virkede din løsning på dette problem ikke :)

dr_nielsen har ret, der mangler sådan en, jeg glemte bare, at jeg kunne lave den i samme farve, så ville det ikke kunne ses :) En næse til mig!

Arh, nåede ikke at se din uddybelse :(

lillebror >> jeg har lige en ekstra ide til dit design ...

indførelse af 20px spacing for oven og for neden - så virker det mere luftigt - og ikke så bastant

Du kan opnå det ved at placere
  <div style="height:20px"></div>
på hver side af "container"-div'en

se evt igen på http://exp.skroeder.dk/340917/new.html

/Søren Munk Skrøder