Hi this is the first time posting. I’m having two problems one is a problem that is global to all browsers and the other is only occurring in IE 7 and lower. You can view the site at http://www.academicmusicschool.com I am a teacher at the school and I offered to do this to gain more experience in the web world.
The second problem seems that I have horizontal scroll but there is no text to make this happen. There seems to be some blank space on the side of the screen. This problem is occuring in all browsers that I am aware of.
On top of the above I have validated the HTML to the best of my abilities.
I can see the horizontal scroll bar, and I’ve located the source of part of the problem. The CSS IDs #plumbPianos and #directory have a width of 749px that push out towards the right, that’s is what gives you the scroll bar. You have to rewrite the code for how you display the links in your footer.
So I’ve had a chance to try out the solutions suggested.
The horizontal scroll problem has been solved in Firefox, Safari and IE 8 thanks for the tip. The horizontal problem still seems to be occurring in IE 7. I’m not concerned with IE 6 as I hoping most people will have upgraded by now.
But more importantly the menu problem still persists. I tried implementing the google hack but had no luck. I will keep trying to find a solution myself. Please keep posting ideas as I am interested to see what people think is the problem.