IE7 Alignment Problem in gAjax RSS Pausing Scroller

[Strangeplant]

1) Script Title: gAjax RSS Pausing Scroller

2) Script URL (on DD): http://dynamicdrive.com/dynamicindex...sescroller.htm

3) Describe problem: The scrolling text in IE7 starts half-way across the scrolling window - looks like a margin problem. There are MANY webpages with IE and IE7 alignment problems, but none seem to fix the issue. And I can't find a suitable combination of <table> or <div> that will fix the issue either. The problem page can be seen at: http://earth.ccny.cuny.edu/noaa/wc/modisRSS.html

I would really appreciate someones help with my IE7 problem. (Personally, I wish we could find out who writes the IE7 code, and send him all of our opinions, but he is probably lives under a witness protection program anyway.)

If I use a <div> envelope (with or without id and class specified as in the example), I just get a second div showing in both - no help. But, if I use a second enveloping <table> (with or without class and id specified) it displays correctly in IE7, but never feeds in FF.

However, the DD page example works fine in both - I just can't reproduce it on my page. BTW, the <div> comments in the instructions are not used on the demo page, and seem to make matters worse. Hope you can help. Thanks.

[Strangeplant]

Ah, I found how to do it (fix the IE problem) in a previous DD post - finally! For others who will have this problem, the enveloping <div> should be:

      <div style="width:700px; margin:0 auto; text-align:left;">

, where the width is the same as in the css (for example):

#example2{ /*main container*/
		width: 700px;
		height: 300px;
		border: 1px solid black;
		padding: 4px;
		background-color: lightyellow;
		font-size: 90%;
	}

The post with the solution was at: http://www.dynamicdrive.com/forums/s...ighlight=gAjax And thanks go to jscheuer1.

Might think about adding this one line to the DD script page - I know of one other person that changed away from this script because of this same issue.