Div-Box wird zuweit unten dargestellt

[blizzart]

Ich arbeite gerade an meiner Internetseiteund aus irgendwelchen Gründen, wird die div-Box unterhalb des Headers mit einem Abstand angezeigt, der eigentlich nicht da sein sollte (siehe Anhang).
In der CSS kann ich keinen Fehler erkennen.

Hier die CSS-Datei:

body    {background-image:url(../images/body-bg03.jpg);
        background-color: #1c1e1b;
        background-position: top left;
        font-size: 100.01%;}

#wrapper    {position: relative;
            width: 960px;
            margin-left: 320px;
            margin-top: 20px;
            }
            
#header        {width: 960px;
            height: 176px;
            background-image:url(../images/header.jpg);
            }
            
#navi1    {width: 960px;
        height: 42px;
        background-image:url(../images/navi1-bg.jpg);
        background-repeat: no-repeat;
        background-color: black;
        }

#navi2    {width: 960px;
        height: 42px;
        background-image:url(../images/navi2-bg.jpg);
        background-repeat: no-repeat;
        background-color: black;
        }

#navi3    {width: 960px;
        height: 44px;
        background-image:url(../images/navi3-bg.jpg);
        background-repeat: no-repeat;
        background-color: black;
        }

#header2    {width: 960px;                        /* ÜBERGANG ZWISCHEN HEADER UND CONTENT */
            height: 74px;
            background-image:url(../images/header2-bg.jpg);                
            background-repeat: no-repeat;
            background-color: black;
            }

#content    {background-image:url(../images/content-bg.jpg);
            background-repeat: repeat-y;
            background-color: black;
            width: 920px;
            height: 768px;
            min-height: 768px;
            padding-left: 20px;
            padding-right: 20px;
            }
            
#footer        {width: 920px;
            height: 92px;
            padding-top: 70px;
            background-image:url(../images/footer.jpg);
            padding-left: 20px;
            padding-right: 20px;
            }    


p    {font-family: Verdana, sans-serif;
    font-size: 0.8em;
    color: #F7CA00;
    }
    
strong    {font-family: Verdana, sans-serif;
        font-weight: normal;
        font-size: 1.0em;
        color: #F7CA00;
        }
    
h1, h2, h3, h4, h5, h6    {font-family: Verdana, sans-serif;
                        color: #F7CA00;
                        voice-volume: loud;                        
                        voice-family: female;
                        voice-rate: slow;
                        }
    
h3.jpg    {font-family: Verdana, sans-serif;
        font-size: 1.1em;
        color: #E5D41C;
        text-indent: -99999px;
        voice-volume: loud;
        voice-family: female;
        voice-rate: slow;
        }
        
address {}

a    {font-family: Verdana, sans-serif;
    font-size: 1.0em;
    color: #F59D0F;
    border-bottom: dashed 1px #F59D0F;
    font-weight: bold;
    text-decoration: none;
    }

a:hover    {font-family: Verdana, sans-serif;
        font-size: 1.0em;
        color: #FCE55D;
        border-bottom: none;
        font-weight: bold;
        text-decoration: none;
        }

a:focus    {border: 1px red solid;}

Vielleicht kann mir jemand helfen.

Vielen Dank im Voraus.

 

[Space Vampire]

Link zur (Test-)Seite wäre hilfreich

 

[Wustersoss]

Ist es nicht ein Anachronismus, wenn jemand der die Design- und Webprobleme anderer beheben will, hier nach einfachsten Grundlagen nachfragt, weil seine eigene Seite Designprobleme hat?

 

[blizzart]

Hat sich erledigt, hatte * {margin: 0; paddin: 0} versehentlich gelöscht.

 

[Wustersoss]

Es muss padding heissen.
Teste deine Seite immer im The W3C Markup Validation Service

Lesetipp: 10 Schritte zur hochwertigen Website