3 Spalten Layout in einem mittig zentrierten div

[Sanjoy]

Hallo liebe Helfer,

ich habe ein div mittig (horizontal) auf der Seite positioniert mit Hilfe von:

DIV.div_for_message {
 width: 50%;
 height: 200px;
 border: 1px solid #666;
 margin: 20px 25%;
}

1. Frage: Ist dies ein akzeptaler, möglichst zu vielen Browsern kompatibler Weg?

Nun möchte ich in diesem div ein 3 Spalten-Layout realisieren, wobei die Spalten links und rechts eine feste Breite haben sollen und die mittlere Spalte den restlichen Platz einnehmen soll. Habe es erst über float und dann über Positionierung versucht. Meine Lösung bis jetzt:

DIV.div_for_message DIV#div_message_left {
 background-color: #fee;
 height: 150px;
 width: 20px;
 border: 1px solid #666;
 position: absolute;
 left: 25%;
}
DIV.div_for_message DIV#div_message_middle {
 background-color: #ffc;
 height: 150px;
 border: 1px solid #666;
}
DIV.div_for_message DIV#div_message_right {
 background-color: #fee;
 border: 1px solid #666;
 height: 150px;
 width:20px;
 position: absolute;
 right: 25%;
}

Ich weiß, dass das so nicht elegant ist! 2. Frage: Wie bekomme ich das besser hin?
3. Frage: Selbst bei dieser Lösung habe ich das Problem, dass die linke Spalte ca. 2 Pixel über den linken Rand des umgebenen Divs ragt. Liegt das am Rahmen?

Vielen Dank und einen lieben Gruß
Sanjoy