[css][xhtml] wyśrodkowanie elementów przy różnych rozdzielczościach Opcje

[htk]

Witam wszystkich!

Mam problem związany ze zgrywaniem divów (jest to zależne od rozdzielczości oraz przeglądarki).
Przykład znajduje się pod adresem: http://yabess.nazwa.pl/test/. Elementy, które się nie zgrywają to belko-wstążka oraz context. Można zauważyć, że wstążka jest przesunięta minimalnie w prawo. Jeśli ktoś tego akurat nie widzi na swojej rozdzielczości/przeglądarce, to niech zrobi przybliżenie lub oddalenie, a to zauważy.

Kod elementu odpowiedzialnego ze belko-wstążkę:

[HTML] pobierz, plaintext 
#TAPETA{
  	position: relative; top: 27px; left: 0px; z-index: 1;
  	height: 164px;
  	overflow: hidden;
  	margin: 0 auto;
  	background: url(gfx/wstega_menu.png) no-repeat top center;
}
[HTML] pobierz, plaintext 

Nie jest podana szerokość, by element był ucinany, gdy ktoś nie ma wystarczającej rozdzielczości.

Kod contextu:

[HTML] pobierz, plaintext 
#CONTEXT{
  	position: relative; top: -169px;
  	width: 978px;
  	overflow: visible;
  	margin: 0 auto;
}
[HTML] pobierz, plaintext 

Problem występuje, gdy właśnie jeden z elementów (#TAPETA) jest wyświetlany na środku bez podawania szerokości, natomiast drugi (#CONTEXT) ma ustaloną szerokość.

W razie pytań, jestem do dyspozycji.
Z góry dziękuję za pomoc.