[Solved] UL and LI problems

Hi there,

I get this set of nested ul and li work nicely, but there is a problem ("FOR BUSINESS" AND "FOR INDUSTRIAL" go up same as the second set of ul):

the nested ul:



• FOR HOME
  
  
  
  • Air Conditioners
  
  
  • Refrigerators
  
  
  • Home Cinema Projectors
  
  
  • Fans
    
    
    
    • Tatami Fans
    
    
    • Desk Fans
    
    
    • Living Fans
    
    
    • Cycle Fans
    
    
    • Wall Fans
    
    
    • Ventilator Fans
    
    
    
    
  
  
  
  


• FOR BUSINESS


• FOR INDUSTRIAL

The above code works nicely in IE6, but not firefox. I hav no idea y is it. But it can looks good in Firefox if I shift the closing li from "FOR HOME" to the top like :

• FOR HOME
• Air Conditioners
• Refrigerators
• Home Cinema Projectors
• Fans
  • Tatami Fans
  • Desk Fans
  • Living Fans
  • Cycle Fans
  • Wall Fans
  • Ventilator Fans
• FOR BUSINESS
• FOR INDUSTRIAL

but if so rite, then when I validate in w3c, i have error, what caused the problem? how do i solve it?

here is the direct link to see the files:
htmlat line 52
cssat line 214

thank you ver much for the help ^^