main container anpassen

Guten zusammen

Ich habe mal eine kleine Frage
wenn ich eine kleine Auflösung mache, schiebt sich mein maincontainer mit in die navigation rein
(hier mal ein Bild)
http://www.bilder-hochladen.net/files/big/k31y-2s-ed3d.png
Der CSS Code dazu ist der:
(Navi)

#mainmenu { background-color: rgb(51, 51, 51); float: left; width: 185px; height: 100%; display: block; left: 0px; top: 0px; position: fixed; }
(Main Container)

#main { margin-left: auto; margin-right: auto; min-width: 600px; max-width: 69%; margin-top: 30px; padding: 10px; background: none repeat scroll 0% 0% white; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.25); border-radius: 5px; }

In Moment bekomm ich den nicht richtig Positioniert bei einer kleineren Auflösung und hoffe das einer eine Idee für mich hat

Hallo.

Du musst deinem main container ein margin left geben das breiter als dein Menü ist.
Also margin-left: 186px oder mehr.

Gruss
Elroy

Oder auf fixierte Positionierung verzichten, wäre die 2. Möglichkeit.