I am having an issue with vertical centering on a website I created. Everything looks fine on my monitor, but at higher resolutions, the tables don't align in the center and the image shrinks. How can I ensure that everything stays aligned properly?
.body {
background-position: center center;
height: 100%;
width: 100%;
background-color: #000000; }
#tabela {
background-attachment: fixed;
background-image:url(images/zid3.gif);
background-repeat: no-repeat;
background-position:center center;
width: 950px;
height: 800px;
cellpadding:5;
cellspacing:0;
margin:0 auto; }
Thank you for your help!