I have a div (#content) which has a specified width, nested in another div (#wrapper), also with specified width. #wrapper has overflow:hidden, and clicking a button will move #content up using jQuery's animate function, in order to reveal the bottom half of #content.
However different browsers will render the text differently and so the exact amount by which #content is to be moved changes.
I there any way to rectify this problem using css, or should I look into new ways of solving this issue?
Many thanks in advance,