hiding an image in CSS - best method?

[QueBert]

I see about 5 ways to do this when I'm Googling it. Basically I have a Joomla site and installed a module that pulls the first image from an article and puts it in a wide rotating banner on the main page. I want the full image to display in the actual article and have the one I cropped only show up in the banner. The module doesn't have any direct way to do this, it just pulls whatever the first image in the HTML is. So I was thinking I could use some CSS to hide the image from people looking at the article. With that the module should still pick up the image *hopefully* My CSS is pretty shaky, I have a basic understanding of it, but in this instance I'm not sure what's the best way to pull this off. I'm also curious since CSS isn't standard across all browsers if I'll need to use more than 1 <div> to pull this off so the image is hidden regardless of what browser the person uses?

 

[Ken g6]

"display: none" seems to work to hide things in general.