Space between header and header_bg

I have read pages and pages on here and installed the firefox and web developer in hopes of getting more insight.

I am still unable to correct the extra space between the top header and the header image. - problem can be seen at https://www.kwmagic.com

According to the firefox tools it seems the problem is with #logowrapper - i have tried adjusting padding and margins on the stylesheet.css - but unable to find the correct line, problem only happened after a minor modification of the image file header_bg.jpg

Can anyone steer me in the right direction on this one?

thanks

Phil

unable to correct the extra space between the top header and the header image.
You can try this
In a copy for your template of tpl_header.php find the clear both and delete it

<div id="navMainSearch"><form name="quick_find_header" action="http://www.kwmagic.com/index.php?main_page=advanced_search_result" method="get"><input type="hidden" name="main_page" value="advanced_search_result" /><input type="hidden" name="search_in_description" value="1" /><input type="hidden" name="zenid" value="d0o6bmb5fqfilfom4ji7fpjoe1" /><input type="text" name="keyword" size="6" maxlength="30" style="width: 100px" value="Enter search keywords here" onfocus="if (this.value == 'Enter search keywords here') this.value = '';" onblur="if (this.value == '') this.value = 'Enter search keywords here';" /> <input type="submit" value="Search" style="width: 45px" /></form></div>
<br class="clearBoth" />
</div>
<!--eof-navigation display-->

<!--bof-branding display-->
<div id="logoWrapper">

Thanks for the idea, unfortunately didn't work, it only shrank the top bar.

i tried adjusting the tpl_header in both the default and the classic template folders.

Any other ideas?

Here is a bit of an update..

Using firefox and the webdeveloper, i have figured out how to fix it offline, but for the life of me I can't find the file

using the developer under the 'HTML' tab there is this line:

<span class="webdeveloper-display-id-class-details" title=" #contentMainWrapper"> #contentMainWrapper
In the box to the right of it there is this information (the happy faces are not there - they just appeared when I was copying and pasting - i also removed a couple of the border- lines in order to be able to post this here):

[class^="webdeveloper-"] {
border-bottom-style:solid !important;
border-bottom-width:1px !important;
border-left-style-value:solid !important;
border-left-width-ltr-source:physical !important;
border-left-width-rtl-source:physical !important;
border-left-width-value:1px !important;
border-right-style-ltr-source:physical !important;
border-right-style-rtl-source:physical !important;
border-right-style-value:solid !important;
border-right-width-ltr-source:physical !important;
border-right-width-rtl-source:physical !important;
border-right-width-value:1px !important;
border-top-style:solid !important;
border-top-width:1px !important;
font-family:sans-serif !important;
**** font-size:10px !important;******
font-style:normal !important;
font-variant:normal !important;
font-weight:normal !important;
letter-spacing:0 !important;
margin-bottom:0 !important;
margin-left:0 !important;
margin-right:1px !important;
margin-top:0 !important;
padding-bottom:1px !important;
padding-left:1px !important;
padding-right:1px !important;
padding-top:1px !important;
text-align:left !important;
text-decoration:none !important;
text-transform:none !important;
z-index:1 !important;
}

If I change the font size to 0 where I put the asterix then it removes the space, unfortunately I can't figure out where in the Zencart files, I would change this, so far I am only able to fix it in the webdeveloper.

Now I am new to the webdeveloper - and don't know how to associate this information to a file in zencart.

Phil

Phlipper,

The problem is not with the stylesheet, it's because you have a straggling H2 tag in there...

<div id="taglineWrapper"> 
  <div id="tagline"><h2><font size="2"></font></h2></div> 
</div> 

Get rid of the H2 tag on 'tagline' and it closes the gap up for you.

Or you could add the following into your stylesheet to hide that H2...

#tagline h2 {
display: none;
}

Thank-you, That was such a big help, the space is now gone.