Logo wird bei kleinerer Auflösung abgeschnitten/nicht angezeigt!

[askjoe]

Hallo zusammen

Ich habe das Problem, dass das Logo, welches sich am linken oberen Bildschirmrand befindet bei einer kleineren Auflösung abgeschnitten wird.

Sieht jemand das Problem? Hier die verantwortliche .css Datei:
Vielen Dank für eure Hilfe!

Ich habe das Template mal mit einem Schrottbild als Logo genommen auf http://sitecheck.si.funpic.de/ geladen. Dort kann man den Effekt testen, wenn man das Browserfenster minimiert. Rechts erscheint der Scrollbalken, links nicht, wodurch man nicht zum Logo scrollen kann.

Hier noch den Teil, wo das Logo eingebunden wird:
HTML-Code:

 <header>  
    <div class="header-bg">  
      <div class="container_24">  
      	<div class="logo">  
        	<a href="index.html"><img src="http://forum.chip.de/images/logo.jpg" alt=""></a>  
        </div> 

Hier noch ein Auszug aus dem style.css:
Code:

  
/* Global properties ======================================================== */  
body {  
	background:#f8f8f9;  
	font-family:Arial, Helvetica, sans-serif;  
	font-size:100%;  
	line-height:1.0625em;  
	color:#858484;  
	}  
html { min-width:980px;}  
html, body { height:100%;}  
  
  
  
/* Global Structure ============================================================= */  
.container_24 {  
	position: relative;  
	font-size:.75em;  
}  
  
	/* Header */  
	header{  
		height:509px;  
		overflow:hidden;  
		background:url(../images/header-tail.gif) 0 0 repeat-x #fff;  
		}  
  
	/* Content */  
	section#content {  
		background:url(../images/content-tail.gif) 0 0 repeat-x #f8f8f9;  
		padding-bottom:20px;  
		}  
  
	/* Sidebar */  
	aside{  
  
		}  
  
	/* Footer */  
	footer{  
		background:url(../images/footer-tail.gif) 0 100% repeat-x #1079ac;  
		padding:25px 0 25px 0;  
		}  
  
/* Header  
---------------------------------------- */  
  
.header-bg {  
	background:url(../images/header-bg.jpg) no-repeat 50% 0;  
	height:509px;  
	}  
  
/* Logo */  
.logo {  
	position:absolute;  
	left:-465px;  
	top:60px;  
	}

Was ich noch habe wäre ein grid System. Aber der Fehler wird wahrscheinlich hier zu finden sein.

Auf jeden Fall vielen Dank für die Unterstützung!