headerimg in the Kubrick theme

I'm using Drupal 4.6 and the Kubrick theme for 4.6.

I am trying to get the headerimg changed to what I created it. Here is the direct code from the style.css in the Kubrick on how to affect and change the headerimg:

/* Images */
	body	 	{ background: url(kubrickbgcolor.jpg); }
	#page		{ background: url(kubrickbg.jpg) repeat-y top; border: none; }
	#header 	{ background: url(kubrickheader.jpg) no-repeat bottom center; }
	#footer 	{ background: url(kubrickfooter.jpg) no-repeat bottom; border: none;}
			
			
/*	Because the template is slightly different, size-wise, with images, this needs to be set here
	If you don't want to use the template's images, you can also delete the following two lines. */
			
	#header 	{ margin: 0 !important; margin: 0 0 0 1px; padding: 1px; height: 198px; width: 758px; }
	#headerimg 	{ margin: 7px 9px 0; height: 192px; width: 740px; } 
/* END IMAGE CSS */
		

/* 	To ease the insertion of a personal header image, I have done it in such a way,
		that you simply drop in an image called 'personalheader.jpg' into your /images/
		directory. Dimensions should be at least 760px x 200px. Anything above that will
		get cropped off of the image. */
		
/*	#headerimg 	{ background: url(personalheader.jpg) no-repeat top;} */	

I have gone through and created a picture called personalheader.jpg. Now, there is no "images" folder in my Drupal install so I was just assuming he meant to use whatever folder you store your images in. I modded the css to look like this:

/* Images */
	body	 	{ background: url(kubrickbgcolor.jpg); }
	#page		{ background: url(kubrickbg.jpg) repeat-y top; border: none; }
	#header 	{ background: url(kubrickheader.jpg) no-repeat bottom center; }
	#footer 	{ background: url(kubrickfooter.jpg) no-repeat bottom; border: none;}
			
			
/*	Because the template is slightly different, size-wise, with images, this needs to be set here
	If you don't want to use the template's images, you can also delete the following two lines. */
			
	#header 	{ margin: 0 !important; margin: 0 0 0 1px; padding: 1px; height: 198px; width: 758px; }
	#headerimg 	{ margin: 7px 9px 0; height: 192px; width: 740px; } 
/* END IMAGE CSS */
		

/* 	To ease the insertion of a personal header image, I have done it in such a way,
		that you simply drop in an image called 'personalheader.jpg' into your /images/
		directory. Dimensions should be at least 760px x 200px. Anything above that will
		get cropped off of the image. */
		
	#headerimg 	{ background: url(http://mysite.com/media/personalheader.jpg) no-repeat top;} 

The only thing is...it doesn't display. In the Theme settings, I can turn off the site name and also the logo, but it does nothing. I have even typed in the correct link in the path to custom logo, but it does not show up. What am I doing wrong here? It's probably something simple, but I just can't get my eyes on it.

Thanks.