ngg slideshow im Header

Ich habe eine ngg slideshow in den Header eingebaut was auch soweit super funktioniert hat.

Heute habe ich nun festgestellt, das bei niedriger Bildschirmauflösung das Headerbild nicht angepasst wird sondern nach rechts rausragt.

Gibt es eine Möglichkeit dieses Problem zu beheben?

Link zum blog

Viele Grüsse
Christian

Genau so kann man die Höhe und Breite des Bildes anpassen. Mein Problem besteht aber darin, dass ich es für meine Bildschirmauflösung angepasst habe. Hat jetzt jemand eine niedrigere Auflösung ragt das Headerbild nach rechts raus.

Nach dem Umstieg auf einen etwas grösseren Monitor ist mir dieses Problem akut aufgestossen.
Die breite der Slideshow wird ja in der header.php definiert.

Gibt es eine möglichkeit in der style.css die Breite der Slideshow von der aktuellen Bildschirmauflösung abhängig zu machen?

Hier mal der Bereich aus der Style.css:

/*************************************
    Header
**************************************/
#header { 
        


     }


#header-in {
       
    width: 960px;
    padding: 0px;
    height:132px;
    position: relative;
    margin:  0px auto;
}


    
#header-in .title {


    margin: 0px;
    padding: 15px 10px 5px 10px;
    width:  590px;
    float:  left;


}


#header-in .title a {


    text-decoration: none;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 33px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;


}


#header-in .title a:hover {


     


}


#header-in .description {


    clear:  both;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
    padding: 0px 10px 4px 15px;
    width:  850px;


}