Text getting lost behind fixed header - HALP!


#1

I'm having trouble getting my text to start below my fixed header image, at the moment it is hidden behind the image. Does anyone have any advice?

<!DOCTYPE html>
<html>
  <head>
    <link style="text/css" rel="stylesheet" href="stylesheet.css"/>
    <title>Climbing Spray</title>
  </head>
    <body>
      <div class="header">
        <img src="G:\Everything\Keeper\Shadow\Shadow-4.jpg"/>
      </div>
    <div id="title">
      <h3>spray beta</h3>
    </div>
  </body>
</html>

.header{
width: 950px;
height: 170px;
overflow: hidden;
margin-left: -80px;
margin-top: -10px;
position: fixed;
}
.header img{
width: 100%;
margin-top: -130px;
}


#2

Your div should have a top marging or paddling += your image width. Your image looks to be overlapping your div container. You can always reposition things, but I also understand how frustrating CSS can be.