Tabuľka neprispôsobuje svoju šírku rozmerom stránky

Dobrý večer,

pri práci som sa stretol s nasledovným problémom: Chcel som vytvoriť úplne obyčajnú tabuľku, tá však neprispôsobuje svoju šírku šírke okna a pri zmene rozlíšenia z neho vyteká (dokonca nie je ani vycentrovaná). Šírku tabuľky ani buniek pre istotu nezadávam, ale zdá sa, že prehliadač si s tým ani tak nevie poradiť. Normálne by tabuľka mala byť vycentrovaná a pri zmenšení okna nepretekať mimo divu s obsahom. Môže byť problém v tom, že nepoužívam pevný layout stránky alebo je chyba niekde úplne inde? Živú ukážku prikladám. Ďakujem veľmi pekne za odpoveď.

Skúsil som, ale nefunguje - tabuľku samozrejme "natiahne" od kraja ku kraju, ale inak sa správa presne rovnako a vytrvalo odmieta prestať vytekať.

ed11:
„Je to z důvodu .telo1{width: 90%;}“

Tak to bude dosť tvrdý oriešok, skúsil som si % nahradiť px a nepretekalo to, ale prerábať celý layout kvôli jednej neposlušnej tabuľke asi nie je najlepšie riešenie, nedá sa niečo vymyslieť pri "gumovom" layoute?

Stále je tam určitý problém - keď si tú stránku pozerám v FF v režime Responsive Design, tak tá tabuľka po zmenšení šírky okna pod istú hranicu stále preteká.

margin:
„Tabulka se nyní chová naprosto standardně.“
Ďakujem za vysvetlenie, myslel som si, že je to nejaká chyba. Ako menší problém vidím, že pri menšom rozlíšení proste vyteká, nevyzerá to pekne.