Hiding presentational elements: what technique do I choose?

[mhulse]

For non-semantic content (in this case, a small presentational template graphic), what would be the best technique for hiding:

1. Absolute positioning:
   

   #ele { position: absolute; top: -999em; left: -999em; }

2. Using display:
   

   #ele { display: none; }

In terms of SEO, I would opt for off-screen positioning. But when it comes to non-essential/non-semantic presentational graphics... is it really necessary to use absolute positioning? Does it matter? I do not want to penalized in the SERPS.... Maybe this is more of an SEO question? I guess I would like to know what the SPF css folks think... Is "display:none" acceptable for something simple?

My gut is telling me to go with technique one.

EDIT: this technique will be used with a javascript that swaps out a low-resolution graphic for a higher-resolution graphic -- will happen once per/refresh, only on index page.

[markbrown4]

this technique will be used with a javascript that swaps out a low-resolution graphic for a higher-resolution graphic -- will happen once per/refresh, only on index page.

If it's just an image and it doesn't have any real meaning to the page - content-wise then I would say it doesn't matter which technique you use.

[mhulse]

Hi Mark! thanks for the quick reply.

Your answer sounds good to me. Thanks for the advice, I really appreciate it.

Cheers,
Micky

P.S. Nice site!