Probleme mit Random Header: Klassen statt IDs

<div class="container">


    <div class="header">
        
        <div class="title">




        <h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
        </div>


        <div class="navigation">
                        
            <a href="http://www.kruck.biz/wordpress/">blog</a>
            <a href="http://www.kruck.biz/wordpress/?page_id=60">faq</a>
            <a href="http://www.kruck.biz/wordpress/?page_id=62">contact</a>
            <a href="http://gallery.kruck.biz">gallery</a>
                
            <div class="clearer"><span></span></div>
        </div>


    </div>

/* structure */


.container {
    background: url('img/topleft.gif') no-repeat;
}


.header {
    height: 92px;
}


/* title */
.title {
    float: left;
    padding: 28px 0 0 76px;


}


.title h1 {
    color: #FFF;
    font: normal 2em Verdana,sans-serif;
}


.title h1 a{
    color: #FFF;
text-decoration:none;
}
/* navigation */
.navigation {
    float: left;
    height: 92px;
    margin-left: 24px;
    padding: 0 16px;
}
.navigation a{
    color: #FFF;
    float: left;
    font: bold 1.2em "Trebuchet MS",sans-serif;
    margin-top: 56px;
    padding: 8px 18px;
    text-align: center;
    text-decoration: none;
}
.navigation a:hover {
    background-color: #4A91C3;
    color: #FFF;
}