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
LVL 1
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.
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?
ddantesAuthor Commented:
I removed the comment from both html pages.
Big Business Goals? Which KPIs Will Help You

The most successful MSPs rely on metrics – known as key performance indicators (KPIs) – for making informed decisions that help their businesses thrive, rather than just survive. This eBook provides an overview of the most important KPIs used by top MSPs.

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
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.
ddantesAuthor Commented:
Are you able to analyze the scroll bar issue now that the comments are removed?
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
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.

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.
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.
Dave BaldwinFixer of ProblemsCommented:
Try taking style="width:25%" out of the rate table td's.  Your widths only add up to 85%.
Dave BaldwinFixer of ProblemsCommented:
style="width:15%" also.
Dave BaldwinFixer of ProblemsCommented:
I saw something called #ViewContainer with a width of 1836 but I couldn't find it in the page.
ddantesAuthor Commented:
OK, that's done.  Still showing the scroll bar.
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.
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.
Dave BaldwinFixer of ProblemsCommented:
That is where the '-' margins are coming from.
ddantesAuthor Commented:
OK. I will look into that.
ddantesAuthor Commented:
Dave, in the CSS file I see references to "margin-top" and "margin-left".  Aren't those expressions valid code?
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.
Dave BaldwinFixer of ProblemsCommented:
Looks good, glad you got it going.
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.