Header and Horizontal Nav bar bounce around when when clicking on Nav Bar link

Discussion in 'HTML & Website Design' started by renet, Apr 14, 2011.

  1. #1
    When the navigation links are clicked on this site you can see the header and nav bar bounce around. Any idea of changes that need to be made to the CSS?

    totalhouseholdhelpers DOT com

    Thanks
     
    renet, Apr 14, 2011 IP
  2. Cash Nebula

    Cash Nebula Peon

    Messages:
    1,197
    Likes Received:
    67
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I don't see them bounce around, but the banner is always stuck on the left side.
    You can center it by removing left: 55px; from #header_img .

    But really, there's no need for the #header_img div. That image should be the background of the masthead div.
    
    #masthead { 
    	background: url('http://totalhouseholdhelpers.com/wp-content/themes/Cutline 2.2/images/realistic_water_1.jpg') no-repeat; 
    	height: 163px; 
    }
    
    Code (markup):
     
    Cash Nebula, Apr 16, 2011 IP