Really need some help with wordpress header css

I need some help with a site I have been asked to manage. It is a wordpress site so not sure if this is the right forum so let me know!

the site is http://www.staysafedriving.co.uk

The original main Stay Safe logo was way to big so I reduced its size. Much to my surprise this resulted in image occupying the same vertical space whilst being smaller. So I adjuster the #header height. However, iIt looks like I have an extra div but if I remove it the site gets screwed. Does this div need to even be here?? Any suggestions as how best to proceed??

The code is
<div id=“header”>

	  &lt;div align="center"&gt;&lt;img src="http://www.staysafedriving.co.uk/wp-content/themes/classic/images/staysafedrivingschool.gif" alt="Stay Safe Driving School" border="0" Title="Stay Safe Training School"/&gt;

</div>
</div>

I’m not really sure what the problem is. That “Stay Safe” logo doesn’t really look out of place, as it is. Can you be a little more clear as to what is happening, and what you want? Maybe include before/after pictures?

You only use that div to center, which you do inline as well! I would create a div .logo:


#header .logo {
  width: 171px
  height: 114px;
  margin: 6px 0 0 85px
  display: block;
  background: url(staysafedrivingschool.gif) no-repeat;
}

and place this div in your #header instead.

thanks donboe, I think it maybe a good idea to create a new div for just the logo. Will give that a try.