Hello, I have a <ul> with <li> and <a> in those <li> When I -hover- on -li a- I want to transform the text of -a- to uppercase, this causes the elements on the right of the li to slide forward because of the bigger size. Is there a way to fix the element when I hover on it so the elements nearby won't be affected? The only thing I thought is to use absolute rule for every li but this would be impossible because this menu is generated dynamically and changes every time.
If the <a> elements are all floated left and given a fairly generous width - to allow for the expansion in their text width as it become capitalised - there shouldn't be a problem.