Background not showing in Header.

So I’ve been trying to put a small and simple background in my header at the top

DEMO

BACKGROUND IMAGE

xhtml: I put to divs one for id and one for class to put the bg url but still doesnt work

<div id="header">
<div class="header">

	<div class="tagline">
		<p class="tagline"><?php bloginfo('description'); ?></p>
	</div>

	<div class="branding">
	<h1 id="branding""><img height="29" border="0" width="298" alt="Unknown.Minimal" src="<?php bloginfo('template_url'); ?>/images/pngs/branding.png" /></h1>
  </div>

</div>
</div>

css:

#header {

	height: 56px;
}

.header {
	background-image: url('<?php bloginfo('template_url'); ?>/images/jpgs/headerbg-702x56.jpg');
}