I have a content type that contains hard-coded Google data visualizations (using javascript), as well as text. Using CSS, each node is displayed in two columns -- the data visualization is on the left, and the text is on the right. The node display is perfect.

However, when I place the nodes in a slider, the visualizations are displayed with the text from other nodes. For example, I have four visualizations with text:
vis A | text A
vis B | text B
vis C | text C
vis D | text D

When displayed in the slider, I get:
vis C | text A
vis D | text B
no vis | text C
no vis | text D

Any idea what I'm doing wrong or how to fix it? Could this be a javascript compatibility issue? Thanks!