Why does this text overlap?

Head out to http://brucegust.com/Thornhill/about.php. I have a scrolling text banner at the top. You'll notice that there's a section that overlaps, and I don't know why.

If I change my font size to 11px, it's fine, but I really want to make the text a bit bigger. Any idea as to why I'm getting the overlap and how I can fix it?
brucegustPHP DeveloperAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
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.

Julian HansenCommented:
You'll notice that there's a section that overlaps
Not seeing it - I see some pipe delimited blue text scrolling right to left starting about 80% across the white section below the menu and dissappearing about 5px before the left edge.

Looks like around 15-20px padding top and bottom - can't see an overlap though - what should I be looking for?
0
Tom BeckCommented:
I can see it in Chrome and FF on a Mac.

What if you just add some padding to the ends of the marquee?

var marqueecontent='<nobr><div style="padding:0 70px"> | <A HREF=forms/6.pdf target=&quot;_blank&quot;" class="index" style="text-decoration:none; font-weight:bold;">test</a>&nbsp; | <A HREF="news_display.php?id=1" class="index" style="text-decoration:none; font-weight:bold;">Retirement Guys</a>&nbsp; | <A HREF=http://www.brucegust.com target=&quot;_blank&quot;" class="index" style="text-decoration:none; font-weight:bold;">brucegust.com</a>&nbsp; | <A HREF="news_display.php?id=4" class="index" style="text-decoration:none; font-weight:bold;">A great piece of news!</a></div></nobr>'

I also removed a few </b> tags in there that had no start tags.
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
Ray PaseurCommented:
I don't see any overlap (IE Windows, Chrome Windows) but the marquee looked a little jerky.  You might want to consider using a technology like this:
http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Jquery/A_11357-Upgrading-the-Marquee-Tag-with-jQuery.html

Also you might want to avoid a character-set collision.

The validator can help you find where the collision is occurring:
http://validator.w3.org/check?uri=http%3A%2F%2Fbrucegust.com%2FThornhill%2Fabout.php&charset=%28detect+automatically%29&doctype=Inline&group=0
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
PHP

From novice to tech pro — start learning today.