Basically, I have 4 links, <a href="#1">Link 1</a> <a href="#2">Link 2</a> <a href="#3">Link 3</a> <a href="#4">Link 4</a>
then I use jQuery to add the tabindex to all of them so they look like something like this, <a href="#1" tabindex="1">Link 1</a> <a href="#2" tabindex="2">Link 2</a> <a href="#3" tabindex="3">Link 3</a> <a href="#4" tabindex="4">Link 4</a> and then I need to move the 3rd one to the top, so I clone the 3rd one and prepend it to the top, and finally I remove the original 3rd link and I end up with something like this, <a href="#3" tabindex="3">Link 3</a> <a href="#1" tabindex="1">Link 1</a> <a href="#2" tabindex="2">Link 2</a> <a href="#4" tabindex="4">Link 4</a> In Firefox, when I tab, it will follow the tabindex order, which is OK. But in IE, it follows the structure order, so "Link 3" is the first one I get when I hit tab, following by 1, 2 and 4, it ignores completely the tabindex. Can some explain to me the reasoning behind that and how I can fix it? Here's a test page: http://users.tpg.com.au/xllu/tabindex.html Thanks.
