CSS and JQuery: how to remove "right:0" style
css, jquery, position
Solution
Try to set it to `auto` : `right: auto;`
In your case it will be: `#element { right: auto; }`
No need in jQuery!
Working: http://jsfiddle.net/fEThD/1/
Problem
I am using a tool for a web project. The tool comes with CSS. However, its CSS affects the display of a particular interface element (this element has "position: absolute"). After tracking and experiments, I notice that if I remove (via Firebug in Firefox, for example) the "right:0" style from the tool's CSS rule, everything looks perfect. I cannot modify the tool's CSS because it generally works well with the rest of the web application and it only has an issue with that particular interface element. I read many posts online and at SO and tried different ways and came up with no success. I tried the following: Create a CSS rule with high priority. #element { right: none; } This does not work. I cannot use "right: XXpx" approach because the XX has to change with the screen resize. Use JQuery: $('#element').css('right', '') This does not work either. Does anybody know how to remove "right:0" style from a "position:absolute" element? Thanks!