Safari giving problem with {display:none}

[hsriat]

All the elements which were set as style={display:none} are still being shown in Safari (Apple's Browser)...

But when the same style is applied with javascript on an event, it hides the element.
Like this...

document.getElementById('abc').style.display='none';

This one is also not working:
[HTML]style="{background-image:url('/img/logo.png');background-repeat:no-repeat}" [/HTML]

Both are working all good with Firefox, Opera and even IE 6 (which I actually didn't expect).

What could be the reason?

[Death Slaught]

If you're using them as inline styles simply remove the curly braces.

 style="display:none;"

As for the image do the same and add a space between the colon and 'url'.

 style="background-image: url('location');"

Thanks,
{\_/}
(' . ')
(")[DEATH](")
(")(")

[hsriat]

If you're using them as inline styles simply remove the curly braces.

 style="display:none;"

As for the image do the same and add a space between the colon and 'url'.

 style="background-image: url('location');"

Thanks,
{\_/}
(' . ')
(")[DEATH](")
(")(")

oo.... thats working now!!
Thanks a lot!!! :)

Can you please tell me one more thing...
[HTML]<a class="button" id="ax1" href="javascript:void(0)" onclick='edit('x1')">&nbsp;Edit&nbsp;</a>[/HTML]

and function edit(id) is

function edit(id) {
    var anc = document.getElementById('a'+id);
     anc.innerHTML = anc.innerHTML==" Save " ? " Edit " : " Save ";
}

This is working fine with Firefox and IE, ie, the name of the A element gets changed from ' Save ' to ' Edit ' and ' Edit ' to ' Save ' on every click. But Opera and Safari are not doing any change.
If I remove the &nbsp; from both, then its working fine with all.
But since its a button kind of look, so I need to give space on both sides of the name.

How can I solve this?