css - Can't get the background full width -

Please refer to this site The primary menu contains a full width background with this code

  #PrimaryMenu> UL & gt; Lee Active page & gt; A {color: #ffffff; Font: Normal 0.80 M Vardana, Verdana, Geneva, Non-Serif; Background color: # 222222; font-weight: bold; }   
 But when I use the same code for #FooterMenu, the backfound is smaller. And the background of the product page is not active. Does anyone help me?   
 
 
 add a  element  #FooterMenu  to your  Follow CSS Rules:  
  #FooterMenu> UL & gt; Lee Active page & gt; One padding: 13px; Margin: 0; }   
  padding-top  value can also be 14px you choose.  
 If you want to see the product item if you go to the product page, then you only need to add . ActivePage for  li  element. See the code below:  
    
  Be careful, you have to add . ActivePage  class inside  li  #FooterMenu element!   
 Cheers, Leonardo