CSS Problem mit Description im IE7

Hallo zusammen,

Ich habe im Header meiner Seite auf der rechten Seite die Blog Description eingefügt. Leider wird diese im IE7 ganz woanders angezeigt als im IE8 oder Firefox oder Chrome.

Hier ein Screenshot mit IE7 http://www3.pic-upload.de/10.08.09/b6btru9v1pb9.jpg

Die CSS dazu:

h2#blog-description {
	position: relative;
	top: 60px !important;
	color: #616161;
	text-shadow: #000 0 1px 1px;
	left: 1.3em;
	font: 18px "Georgia", "Baskerville", serif;
	width:90%;
}

und in der header.php

<div id="header">
	<div>
		<h1><a href="<?php bloginfo('home') ?>"><?php bloginfo('name'); ?></a></h1>
		<h2 id="blog-description"><?php bloginfo('description'); ?></h2>
	</div>
</div>

Weiß jemand Rat, wie ich dem IE7 (den leider ja viele Nutzen) beibringe, die Description korrekt an der richtigen Position darzustellen?

Danke Holger

Zitat von maxe

ich schätze mal, dass es an der width von 90% liegt. Verringere diese mal und gib dafür ein float:right mit.

Danke vielmals, das war die Lösung :)