Bug IE 6 & IE7

Bonjour,
je vous envoie ce petit message car je me retrouve face à une difficulté CSS et je ne trouve pas de solution.
Ci dessous mon problème :

J'ai un bloc width:900px et le height:auto

J'utilise le code ci dessous pour le centrer de manière horizontal et vertical:

.container{
display: table; 
height: 100%; 
width:100%; 
#position: relative; 
}

.base1{
#position: absolute; 
#top: 50%;
display: table-cell; 
vertical-align: middle;
}


.base2{
width:100%;
#position: relative; 
#top: -50%;
}

Le souci c'est que sur IE6 et IE7 dès que je met du contenu la page la page s'agrandi et un moment donnée je ne vois plus le haut de mon site.

Sur Safari,firefox et Chrome dès que la page est trop longue cela ne pose aucun problème.

Avez vous une solution

Merci d'avance pour votre aide