Well, I kept tinkering and pretty much have it figured out now except for the sizing on the image. I first placed an image that is 600 x 300 which was too large so I resized the image to 400 x 200 and it is still too large. I saw a note that said to add this “img”: width=”490″ height=”50″ but it made no difference. My current HTML looks like the following:
<header id="branding" role="banner">
<hgroup>
<h1 id="site-title"><span><a>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img “img”: width=”300" height=”100" src="http://www.costoneworks.com/wp-content/themes/twentyeleven-child/images/cslogo2.gif"></a></span></h1>
<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>
[Please post code or markup snippets between backticks or use the code button.]
Changing the gif size and changing the Height & Width doesn't seem to change anything. If anyone can see where I've messed up I'd appreciate some help.