Problem z ułożeniem i rozjeżdżaniem divów

Witam serdecznie,

Tworzę prostą stronę www opartą o divy, jej schemat zobaczyć można poniżej:

--------------------------

| header |

--------------------------

| menu: |

--------------------------

| b | main |

| l | |

| o | |

| k | |

--------------------------

| footer |

--------------------------

Mój problem polega na ułożeniu divów oznaczonych na schemacie jako blok i main, poprostu mi się rozjeżdżają gdy chcę dodać obramowanie, lub są za małe względem pozostałych gdy to obramowanie usunę. Oto screeny ilustrujące problem:

Tak wygląda gdy divy blok i main mają obramowanie , bo divy stają sie za szerokie):

2caf21e476c8c686m.gif

A tak z kolei, gdy go nie ma(divy blok i main są wąższe niż pozostałe):

4993839919ef0a08m.gif

Jak temu zaradzić? Macie jakieś pomysły?

Nadaj tym elementom obramowanie a szerokość div’a main zmniejsz o sumę szerokości obramowań elementów main (lewo + prawo) + menu_left (lewo + prawo) i powinno starczyć jeżeli nie to zapodaj kod strony.

Możliwe że będziesz musiał dodać/odjąć do szerokości main parę px, bo dokładnie nie wiadomo jakie masz poustawiane tam wartości.