шапка сайта (header)

Здравствуйте.
Нарисовал шапку сайта. К примеру кот оно. (http://s1.ipicture.ru/uploads/20120326/B2ORR7Rz.png)
Пишу код в header.php такой:

<div id="siteinfo" style="position:absolute;">
<a href="http://cold-plus.ru"><img src="http://cold-plus.ru/wp-content/themes/twentyeleven/images/headd.png" style="position:absolute; top: -50px; left: -915px;"></a></div>

Записал его просто в любое место там. Подбиваю где ему встать. В хроме его видно. А в других нет. А как ставлю его в блок, в котором находится название и описание сайта:
Вот код до вставки:

<header id="branding" role="banner">
		<hgroup>
				<h1 id="site-title"><span><a>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span></h1>
				<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>
			</hgroup>

А это когда его вставил:

<header id="branding" role="banner">
		<hgroup>
	    <div id="siteinfo" style="position:absolute;">
<a href="http://cold-plus.ru"><img src="http://cold-plus.ru/wp-content/themes/twentyeleven/images/headd.png" style="position:absolute; top: -50px; left: -915px;"></a></div>
			</hgroup>

все съезжает нереально. Даже само меню уходит куда-то непонятно.

Может я что то не так делаю. Подскажите пожалуйста. Сайт http://www.col-plus.ru