Okay, so let me apologize in case i fail to describe my problem properly here….i am just not sure how to explain the problem!
On our page we have this one section with an auto slideshow where we have 4 tabs (heading on top and a small description) on the LHS and their contents on the RHS.
The slideshow works perfectly for first few minutes….but after some times (or if i click on the LHS tabs few times) the position of the tabs get messed up (in every browser). Just like the image below, the selected/active tab’s description gets either cut off or disappears totally and the space between the tabs also gets messed up.
Can anyone please help me understand what’s going on here and how can i fix this?
Here’s the fiddle: http://jsfiddle.net/walahh/LrFWC/3/
You seem to be using a very old version of jQuery. Often problems like this can be solved by using the latest version (1.7.2) instead.