CSS H1 tag Relative Positioning

Hello

Is there anyway I can remove the green bar from under my header and above my naviagtion on the following webpage. I have relatively positioned the Memorial Cards Ireland tag to the top right of the banner picture.

http://www.reflectionsmemorialcards.co.uk/memorialIreland/index2.html#

 .header h1 {
      font-family: "Trajan Pro";
      color: #1f8a9a;
      font-weight: 900;
      font-size: 24px;
      position: relative;
      top: -160px;
      left: 500px;
      margin: 0px;
      padding: 0px;
}

<!--HTML Code Below-->

  <div class="header">
   <img src="bannerH1.jpg" width ="900" height ="160">
              <h1>Memorial Cards Ireland</h1>
</div>
Kevin_CoorsAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
COBOLdinosaurConnect With a Mentor Commented:
#nav {margin-top:-30px;}

The -30px is a guess.  I moght actually need -35px or -33px , but it is right around that value.

Cd&
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.