Only a Quarter of the Image Shows?

My logo is only showing about a quarter of itself. Can someone help?

I have the following CSS code:

.start #header{background:url('http://jakeocallaghan.com/wp-content/uploads/2011/07/Jake1.png')no-repeat; position:absolute; left:100px; padding-bottom:500px; position: absolute; left: 10000000px; top:1000000px;}

You can see it here

 

Try remove this part (part i highlighted), and put it to next line. The code should be something as below:

<div class="full_width" id="header_area"></div>

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

<img src="http://jakeocallaghan.com/wp-content/uploads/2011/07/Jake1.png"> <p id="logo"><a href="http://jakeocallaghan.com">Jake O'Callaghan Unboxed</a></p>
</div>
<div class="mybody">
<img src="http://jakeocallaghan.com/wp-content/uploads/2011/06/rss.gif">
<a href="http://feeds.feedburner.com/jake-ocallaghan">RSS</a>
<img src="http://jakeocallaghan.com/wp-content/uploads/2011/06/email_icon.gif">
<a href="http://feedburner.google.com/fb/a/mailverify?uri=Jake-OCallaghan&amp;loc=en_US">Email</a>
<img src="http://jakeocallaghan.com/wp-content/uploads/2011/06/share_twitter.gif"> <a href="http://twitter.com/jakeocallaghan/">Twitter</a>
</div>
</div>

 

Try this:

.start #header{background:url('http://jakeocallaghan.com/wp-content/uploads/2011/07/Jake1.png')no-repeat; position:absolute; left:100px; padding-bottom:500px; position: absolute; left: 10000000px; top:1000000px; z-index: 1;}

Code (markup):

And I suggest you change the CSS, the top and left values are hilarious.