Question

Here is a test case/live example. Summary of problem:

This only works in WebKit:

Y.one('#container').setStyle('margin-top', 100);

This works in all browsers:

Y.one('#container').setStyle('margin', 100);

Why does setting margin-top work only in WebKit?

EDIT: the fix is shown below in one of the answers. You need to have marginTop here, and then it works. So, the edited question is, WHY do you need marginTop and not margin-top in this case?

Answer 1

This is working for me in firefox:

<div id="nav">
<a href='#' onclick='document.getElementById("nav").style.marginTop="25px";'>test</a>
</div>