Building on the billscott carousel, I created my own tab buttons from
scratch using the scrollTo method. The problem is making these tab
buttons sync up when you use the main nav buttons.

I have a listener on the main nav buttons:

var nextButton = YAHOO.util.Selector.query('#next-arrow');
YAHOO.util.Event.on(nextButton, 'click', dotSync);

but when I ask the carousel what the firstVisible value is (so I know
what page I'm on, and can calculate which one I'm going to), in
Firefox the firstVisible is the one already showing, but in IE, it's
the one I'm about to go to.

Any ideas? I hate writing code that checks for browsers.

thanks!