Problem on iPhone and iPad

Hi,
Got this template yesterday as I was looking for an alternative to flash components for iphone and ipad interfaces and found this to be a great start. On the demo page where you have the demo in an iframe ( demo.hotjoomlatemplates.com/index.php?template=design_now ) it seems to work ok on the iphone/ipad, but the template itself (as well as this demo page: demo.hotjoomlatemplates.com/design_now/index.php ) does not work and looks like the attached. I fixed the header by putting everything inside the body tag into a table with 100% width but the menu still gets squashed up on the left side of the page. Is there a better solution to the table? Can someone help with a fix for the menu?
Thanks,
Alex.

This template is not optimized for iPhone/iPad. I don't have iPad so I can test this template in it. Maybe you can add in template_css.css.

Has anyone had success this fix? I borrowed an iphone and saw the same problem viewing my site.

Please edit file /templates/hot_designnow/index.php in plain editor (such as Notepad). Find and delete this line:

Thanks!! That fixed the problem.