I’m new – understanding CSS’s block element & MSIE6/7

Hello

To start, I’m learning CSS, so this is mostly a post asking for help understanding things (and also for input on how to code better).

I have a page I’m comping out for a Client:

[url]http://www.dorseygraphics.com/review/vialuxe/web2010/01/index.html[/url]

It uses an external CSS doc:

[url]http://www.dorseygraphics.com/review/vialuxe/web2010/01/css/styles.css[/url]

I borrowed a lot of the main formatting from Dreamweaver CS5’s templates, as they seem to work well cross-browser & platform.

ISSUE:

My images are exhibiting space above and below in MSIE (view the section bottom just below the word “content” in the design in MSIE6/7 – I left this one unfixed to demonstrate the issue). I did some web searching and found that if I force them to act as block elements, then that gets rid of the MSIE padding.

I created the following code in my CSS doc to address the issue:

[CODE].block {display: block;}[/CODE]

Then I used span tags around the offending images and the unwanted space disappeared! Voila!

BUT…

I’m sure this is not the cleanest way to accomplish this. What would be a better way? What is the accepted way to do this so I don’t have to place span tags around all my images?

Thanks,

———-S

Also in #CSS _↴