This works in IE6 and IE7:
<!--[if IE]><style>#containerLeft img {margin: 0 0 -3px 0;padding:
0;}</style><![endif]-->
but it's a bit of a 'dirty' fix. :-)
Might give you something to work on.
I must say that I would prefer to see the link buttons generated in a list. You
can then alter the list element margins to suit, and (for me) it works in all
browsers. You could also change the shading on each button to reflect the hover
and active states, by image displacement. See: www.michaelwooldridge.co.uk
Regards,
Alan.
www.theatreorgans.co.uk
www.virtualtheatreorgans.com
Admin: ConnArtistes, UKShopsmiths, 2nd Touch & A-P groups
Shopsmith 520 + bits
Flatulus Antiquitus
----- Original Message -----
From: tmesa.mesadesignhouse
To: CSS-D List
Sent: Saturday, April 05, 2008 4:00 AM
Subject: [css-d] Almost there!! But my nav buttons in IE...
In IE7 (I haven't checked IE6 yet), the button images are separating
from each other, but in FF/Safari, they're not. They're NOT supposed
to separate from each other, so they're supposed to look like they do
in FF.
Can anyone help me with this IE issue?
BTW, I validate - CSS and HTML.
I took Gunlaug's suggestion and put the background into one image.
However, now I'm going to need to slice it in two so it can expand
vertically with a tile image. I'll cross that bridge when I get to it.
http://mdh-test.com/Quiel/index2.shtml
http://mdh-test.com/Quiel/quiel.css
Theresa Mesa
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
