Le barre colorate funzionano solo in IE (e non in tutte le versioni). Tu con che browser stai provando?

Per il bordo, l'ultima assegnazione
border: #ffffff 1px dotted;
sovrascrive le altre, e fa un bordo con una riga bianca punteggiata.
Forse devi semplicemente togliere quella riga, e mettere i colori nei vari border-qualcosa.
Oppure togliere i vari border-qualcosa e mettere solo l'ultima (magari con un colore diverso, per prova).