Hey,

I'm working with the site http://securehomewatch.com

I've use the HTML Editor to create these, and several other coffeecup tools to make the picture shows, menus etc.

When I look at my pages they format ok in the editor, in IE on my pc and in Safari on my Mac, but on Firefox (mac) and safari on my iphone, the first table after my menu is pushing off to the right of the menu instead of aligning left under the menu.

This happens on all my pages except the Services page, where I have two tables - the first one pushes right, and the second one aligns left below it as I want.

I'm assuming there's something I'm missing in the CSS and <div> setup, but can't see it and am new enough to CSS to be dangerous, but not efficient. The css and menu code was written by the software, not hand coded.

Anyone care to look at the site and let me know what needs to change to fix the alignment?

Very grateful - Mike

enclosing your menu code in a <div></div> should give you a quick fix, but a long term solution is to use the validate tool in the editor to find the errors on your pages, it looks like you are using some html4, and xhtml in a html5 page.

The net result is the browsers are guessing how to display your page, and some browsers are guessing better than others.

Dropping on over to http://www.coffeecup.com/forums/website-design-and-development/html5-and-css3-the-deep-end/ will show you some playing around I did when html5 and css3 started coming out.

Please keep coming back and we can help step by step with your questions