I'm working on a set of three images that a) change on mouseover, b) link to anchors on the same page, c) are centered in the column at any width, wrapping into inverted pyramid or centered column at narrow widths, and d) work across browsers.
I can handle a through c on my own, using Firefox and working from the same concept as this Listamatic example:
I overcame the wrap issue (apparent there if browser window is 800px wide or less) in Firefox by specifying line height in pixels, but IE ignores that and treats items oddly if they hit the right margin (also apparent at window width of 800px).
Can anyone set me straight here? I'm hardly a CSS expert, so I'm hoping I've just overlooked or misunderstood something simple--though my experience with IE tells me not to be too optimistic.