Le dimensioni a px e i position absolute sono da evitare.

Io ti consiglierei di mettere la cartina e il contenuto dentro un ulteriore div (lo chiamo "carcont").

Il CSS di carcont dovra` avere:
width 98%;
height 100%; /* se ti pare il caso */

Il CSS di cartina dovra` avere
float:left;
height:100%; /* sicuramente */
width: (in px) /* questo te lo concedo */

Il CSS di conten:
float:left;
height 100%; /* sicuramente */

Dopo il box conten, prima di chiudere il box carcont, e` consigliabile inserire un boxino largo 100% e alto 1px con clear:all; per togliere l'effetto dei float.

Poi se vuoi centrare qualcosa dentro conten, il div corrispondente (che sara` dentro il div conten) avra`:
width: (la sua propria);
height:(la sua propria);
margin:auto; /* questo serve per centrare un div in un altro*/

Se poi la centratura deve funzionare anche con IE, il box conten dovra` avere
text-align:center; /* patch per IE */


In pratica ti ho detto che devi cambiar filosofia: non imporre nulla al browser, ma permettergli la liberta` di definire le dimensioni, dandogli dei vincoli.
Se invece gli dai vincoli troppo stretti (tipo dimensioni in px), e il browser ritiene di non poterli rispettare, il risultato non e` prevedibile.