Layout verzerrt!

Hallo Liebe Community

Ich hab folgendes Problemchen mit meiner Homepage…und zwar habe ich die mit dem Editor Dreamweaver erstellt.

Layout mit Photoshop.

so wenn ich z.B ein bzw. mehrer paragraphen im INHALT einfüge, verzerrt er mir das Design nach unten…also ein Abstand zwischen NAVIGATION und dem INHALT, was ungefähr 5/6 px beträgt, wie kann ich das beheben?

http://www.freeimagehosting.net/uploads/th.75607e0b11.png

HTML Code:

[HTML]

Bax.org
PocetnaVijestiDownload
Impressum · Kontakt
[/HTML]

[CODE]#header {
background-image: url(iLahije-version-2_01.png);
height: 133px;
width: 1000px;

}
#navi {
background-image: url(navi.png);
height: 34px;
width: 970px;
padding-left:30px;
font-size:17px;
color: #cccc00;
font-family: Arial;
padding-top: 8px;

}
#inhalt {
background-image: url(ilahije-XL_03.png);
height: 594px;
width: 1000px;
font-size: 16px;
color: #FFF;
margin-top: 0;

}

a:link {
color: #E1CE06;
text-decoration: none;

}

a:visited {
text-decoration:none;
color: #E1CE06;
}
a:hover {
color: #FF0;
overflow: hidden;
border-bottom:3px;
}
a:active {
text-decoration: none;
color: #FF0;
}

body {

margin-top:0px;
margin-left:150px;
margin-right:50px;

}

#footer {
background-image: url(foooooter.png);
width: 1000px;
height: 22px;
text-align: center;
color: #E1CE06;
padding-top: 5px;

}
[/CODE]