[CSS] Problem z ustawieniem pozycji

[spolprog]

[Kartofelek]

Prosta sprawa. Masz skopane stylowanie.

masz #content>ul który ma width:1001px (sztywna szerokość, czyli na mniejszych się nie zmieści)
Dodatkowo masz #content z bottom:-238px który znowu ustawia sztywną pozycję.

Najlepiej jakbyś:
1) sztywną szerokość zrobił tak, by miała swój minimalny rozmiar, a potem zawsze szła w 100%

Kod:

{min-width:.....px; .....}

2) Do pozycjonowania wykorzystaj left, top, bottom, right i marginesy. np:

Kod:

{..... top:50%; margin-left:-200px; .....}

[spolprog]

Dostałem propozycję zrobienia tak aby na mniejszych monitorach się zmieniła wartość i wygląda to tak :

Kod:

@media only screen and (max-device-width: 1366px) {
#content {
position: fixed;
top: 45px;
left: 167px;
width: 1001px;
margin: 0 auto;
z-index: 50;
}
}

Ale niestety w taki oto sposób na mniejszych monitorach w ogóle nie widzę aby się wysuwało. Co jeszcze mogę zmienić ? Proszę najbardziej o gotowe style ponieważ niektóre rzeczy są dla mnie jeszcze wielką magią.