I have a header that contains a logo which is in png format. I want this header and image to overlap the nav content area below it, as the logo is in PNG format this means the lower have of the letters should show 'on top' of the nav section.
This works fine in firefox, but in IE the logo does not overlap but is chopped off by the nav section. I am using margin-bottom:-25px; to achieve this, what else could I use for the same effect?
<h1><a href="Shop.aspx" title="Home">RubyTuesdayGifts - designer gift boutique - stocking unique and funky gifts</a></h1>
</div><!-- close #header -->
Shop the catalog
About our Retail Store
Sign In or Join
</div><!-- close #nav -->