اشکال در ساخت منوی Responsive !!

سلام دوستان

برای سایتم از تکنیک Responsive استفاده کردم. در فایل CSS بروی تگ های ul و Li کار کردم ولی یه مشکلی دارم.

فایل که کار کردمو براتون می فرستم لطفا نگاهش کنید.

وقتی صفحه سایت کوچک میشه و از خاصیت ریسپانسیو استفاده می کنه و منوی سایت از حالت عادی به حالت 3 خط جمع میشه.

وقتی کلیک موس روی منوی 3 خط می زنم، منو باز میشه ولی اگر کلیک موس ول کنم منو پنهان میشه و باز نمی مونه.

خواستم بپرستم از چه کدی باید استفاده کنم که وقتی روی منوی 3 خط کلیک می کنم منو باز بمونه و با کلیک دوباره منو بسته شه و به حالت 3 خط برگرده.

http://s7.picofile.com/file/8265790018/Untitled_1.html.html