I’m working on a new website, it’s using jQuery and CSS3 elements, and it’s working well in Firefox, Chrome and other browsers; however it’s not getting messed up in IE
The link to my website is http://www.sy-architects.com/test. Could please take a look at it? I suspect it’s something to do with the bottom menu and <ul> markup but am not sure.
EDIT: If you mouse over on the menu Practice People or Projects you will notice that the design is messed up the bottom bar is on the top and the rest of the <li> is showing on top instead of the menu itself and it’s getting weird, plz check it on both Firefox and IE to see the difference, I’m using IE9 by the way
First, I would remove this:
No reason to move the website down to make IE9 work like IE8. There are some display issues on IE9, but that should be easily fixable once you test it.
Second, you should validate the HTML , there were 16 errors, some of which were layout issues (elements were not closed, particularly in the nav menus a lot of LIs were not closed properly. While not all are serious, the layout issues could cause crashes particularly in older browsers with poor parsing engines (like IE7).
Other than that, I didn’t see any crashes in IE7, just layout issues. Fixing the HTML markup should go a long way towards fixing the layout.