Img Tag is on top fixed header

Question

I have a fixed static header which always visible. When I scroll down the page. The image scrolls over the fixed static header. What property will fixed this issue.


CSS:

.carouselMainImage img

{ 

height: 285px;

width:98%;

margin: 3px;

padding: 6px;

}

HTML:

<div id="carouselMainStoryContent" class="carouselMainStoryContent" style="">  

       <div id="carouselMainStoryContentHeader" class="carouselMainStoryContentHeader" style="background-color:yellow;">

<div id="carouselMainImageLeft" style="float:left;width:100%;height:300px;background-color:red;">

<a class="carouselMainImage"> <img src="images/1.jpg" alt="" /> </a> 

       </div> <!-- end carouselMainImageRight -->

    </div>

    </div> <!-- end carouselMainStoryContent -->