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.

taki mały offtop: nazwy id i class w HTML i CSS piszemy małymi literami!! :koniec offtop

[HTML] pobierz, plaintext 
 
*
{
    margin:0 auto;
    width:1024px;
}
[HTML] pobierz, plaintext 

Takie male info srednia przegladarka na dzien dzisiejszy to 1024x768 wiec zaczynaj od takich rozmiarow a mniejszymi sie nie przejmuj albo zrob agenta na mniejsza rozdzielczosc i strone pod 800x600 jako osobny plik