div probleme

Hallo Forum Gemeinde,
ich bin gerade dabei ein Grundgerüst für eine Seite zu schreiben. Das Problem ist das die beiden divs (navi2 und content) zusammen eigentlich 900px breit sein sollten, also genauso groß wie die darüber und zentriert jedoch sind sie größer. Verkleinere ich nun eines der beiden entseht eine lücke zwischen den beiden divs was natürlich nicht sein soll. Könnt ihr mir helfen?

[CODE]

Test Titel
Test Navi
Test Navi r
Test Content
[/CODE]

[code]
#title {
height:80px;
width:900px;
padding:5px;
border: 1px solid silver;
}

#navi1 {
height:20px;
width:900px;
padding:5px;
border: 1px solid silver;
margin-bottom: 20px;
}

#navi2 {
height:250px;
width:126px;
float:left;
border: 1px solid silver;
text-align:left;
padding: 5px;
margin: 0px;
}

#content {
height:380px;
width:750px;
border: 1px solid silver;
text-align:left;
padding: 5px;
margin: 0px;
overflow: visible;
}

#hintergrund {

height:auto;
margin: 0px auto;
padding: 5px;
border: 5px solid silver;
}[/code]

Wie wäre wenn du es mal hochlädst, dann können wir dir besser helfen

Hab leider kein Webspace. Ich hoffe ein Bild hilft.
http://bilder-hoster.de/show.php/12476_Bild1.gif.html

Viele Browser addieren Breitenangaben und paddings, nimm mal die Paddings raus und versuche es dann noch einmal, ob es passt.

(ich denke übrigens floaten wäre einfacher)

Padding bringt nix. (die 2 divs verkleinern sich nur und der absand zwischen beiden wird größer) Wie meinste das floaten wäre einfacher?