Hi Ashwin,
We are using the Wavelink browser as well with the 'Mobile Devices (No HTML Tables)' template generation style.
Nonetheless, even if we use a different browser, the button alignment mostly remains intact even if we manually modify the HTML templates after their generation by using the <table> and <td> tags.
By deciphering the various elements on the screen within the generated template, we first put the whole screen (starting after the CUAAREA) into a <table> tag (outer table) and then create another inner table with another <table> tag within the outer table as a single row cell or column (depending on your design). To merge cells, you can use colspan (for td tag) and rowspan (for td tag) attributes so that you can put the inner table appropriately. You can also define a class for each of the 2 tables to define fonts, coloring, styling, etc. I have explained more in this thread: Customizing standard ITS template.
The above method has always ensured good user experience with proper alignment irrespective of the browser for us.
Let me know.
Regards,
Utkarsha