I only get time to work on this while I'm at work, but because I'm working on a pre made website from Dreamweaver and when I insert a spry tabbed menu it pushes the tabs to the right, where as when I do it on a blank page the tabs are directly to the left.
I am currently using this CSS for the spy tabs
padding: 4px 10px;
margin: 0px 5px 5px 0px;
border-left: solid 1px #222;
border-bottom: solid 1px #333;
border-top: solid 1px #333;
border-right: solid 1px #333;
but unless I put in "left: -40px;" it is 40pixels right of the start, my only thought is that other CSS in the page is pushing it out, but regardless if I start with or without a page, it's almost impossible to centre the tabs.
The CSS above made the groups fall into a 3 x 3 looking box, I had to put a 1px border on them otherwise they go weird when I click them (pushing the boxes "below" down).
For now, the problem is somewhat remedied with making them appear 3 by 3, however I would love to know if it is possible to centre spry tabs in .TabbedPanelsTab or if it has to be done somewhere else like the .js