Unwanted horizontal scroll bar

On a site which is under development, horizontal scroll bars have appeared on two pages: www.mauitradewinds.com/Test/StarWind.htm  and www.mauitradewinds.com/Test/suite.htm   
I believe this is caused by one of the stylesheets, rollover.css (attached).  Can you help me to isolate the issue and resolve it? rollover.css
ddantesAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Dave BaldwinFixer of ProblemsCommented:
You have a comment starting on line 60 that is hiding the </head> and <body> tags and some javascript, at least in Firefox.  You need to straighten that out first.
0
ddantesAuthor Commented:
Thank you for your comment.  Are you referring to this comment on the html page: <!--caution: do not use the following jquery.min.js script on virtual tour pages-->      ?  I can remove that, but why would that hide anything except itself?
0
ddantesAuthor Commented:
I removed the comment from both html pages.
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

Dave BaldwinFixer of ProblemsCommented:
No I'm talking about the comment that starts on the next line.  If you view your source in Firefox, everything that is colored light green is considered a comment by Firefox.  And 'nesting' comments inside other comments doesn't seem to work properly.  I don't think it's supported either.

You need to look at your page in the W3C Validator also, you have a lot of simple errors like quotes in the wrong place.  http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.mauitradewinds.com%2FTest%2FStarWind.htm
0
ddantesAuthor Commented:
OK.  That was a typographical error and it has been removed.  Thank you.   I'll check the validator page.  I've been relying on Expression Web 4 for validation, and it didn't catch these items.
0
ddantesAuthor Commented:
Are you able to analyze the scroll bar issue now that the comments are removed?
0
user_nCommented:
I propose you to validate this page with FireFox developer add on, and correct the errors and to see if this will fix the problem
0
Dave BaldwinFixer of ProblemsCommented:
There are still too many simple errors.  

"width=300px" "height=3px"

Should be

width="300px" height="3px"

in many places.  Please go thru the errors shown in the Validator.  Fixing the known errors may fix the scroll problem.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
ddantesAuthor Commented:
OK.  I will post again after correcting those errors.
0
ddantesAuthor Commented:
I corrected all but five errors.  None of the remaining errors is of the type which you specified as a possible cause of the scroll bar.  However, the scroll bar persists.
0
Dave BaldwinFixer of ProblemsCommented:
Try taking style="width:25%" out of the rate table td's.  Your widths only add up to 85%.
0
Dave BaldwinFixer of ProblemsCommented:
style="width:15%" also.
0
Dave BaldwinFixer of ProblemsCommented:
I saw something called #ViewContainer with a width of 1836 but I couldn't find it in the page.
0
ddantesAuthor Commented:
OK, that's done.  Still showing the scroll bar.
0
Dave BaldwinFixer of ProblemsCommented:
I don't know.  When I look at the source generated by the javascript, I see a lot of '-' margins for the pics in the center of the page.  '-' margins often cause odd problems.

I think your only choice at this point is to make a back-up copy of the page and start taking things out of the page until the horizontal scrolling stops.  Then you will know what caused it.
0
ddantesAuthor Commented:
Did you have a look at the CSS file which was imbedded with the question?   Disassociating that file from the page removes the scrollbars.  I am hoping there is something unessential in that css file which can be removed.
0
Dave BaldwinFixer of ProblemsCommented:
That is where the '-' margins are coming from.
0
ddantesAuthor Commented:
OK. I will look into that.
0
ddantesAuthor Commented:
Dave, in the CSS file I see references to "margin-top" and "margin-left".  Aren't those expressions valid code?
0
ddantesAuthor Commented:
A friend helped solve this mystery, which required adding some code to the javascript above the footer of the html page, and adding a couple of new rules to the CSS file.  The layout is preserved and the scrollbar is gone.  Thank you for your encouragment about correcting validation errors, which is sitll a work in progress.
0
Dave BaldwinFixer of ProblemsCommented:
Looks good, glad you got it going.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.