issues in textbox while typing the textbox android Phonegap

issues in textbox while typing the textbox android Phonegap

Hai i have a text box and footer .while typing in the text box my footer moves up

so i tried to hide the footer while typing by using onfocus and onblur.while typing the text footer is hide correctly and using onblur i show the footer. But to show the footer is very problem,when i click outside of the textbox then only the footer show..so it is problem

Then i tried another method to hide and show ,By using keybord show and hide but that also not working correctly,,i dont know how to solve this problem?

here my code

<style>
    
#footer {
    
position:absolute;
    
bottom:0; left:0;
    
width:100%;

    

background-color:#00458D;
    
padding:0;
    
border-width:3px;
    
padding-top:3%;
    
padding-bottom:2%;
    
padding-right:0px;
    
padding-left:0px;
    
background-color:#00458D;
}
</style>
<body>
<div>
<input type="text" id="myHeader" style="width:70%" />
</div>
   
<div id="footer" align="center" style="background-color:#00458D;padding-top:2%">
   
<table width=100% >
    
<input type="image" src="../images/Home.PNG" style="border:solid white 1px;width:23;height:6%" onClick="home()"/>
    
<input type="image" src="../images/messages-menu.jpg" style="border:solid white 1px;width:23%;height:6%" onClick="inbox()"/>
    
<input type="image" src="../images/settings-menu.jpg" style="border:solid white 1px;width:23%;height:6%" onClick="settings()"/>
    
<input type="image" src="../images/close-menu.png" style="border:solid white 1px;width:23%;height:6%" onClick="callServiceFunction()"/>
            
</table>
        
</div>​
 
</body>
</html>


Am using HTC-EVO

i attached my emulator image image