Hi Matt,

In your HTML code on the <IMG> tags you've got the following:

 <li id="home"><a href="#" title="Home"><img src="img/home.jpg" width=""
height="49" alt="Home" /></a></li>

Whilst FF ignores the width="" and defaults to CSS, IE seems to assume that
you mean the image was a width of zero.
If you remove both the width and height values here (you specify a dimension
of the LI anyway) it fixes the IE issue.

Referring to http://www.htmlcodetutorial.com/images/_IMG_WIDTH.html#required
you would only realistically need these if you had a larger image and you
wanted it viewed smaller. Without these values IMG will assume they match
the images dimensions.
Also if I were to specify image sizes I would aim to stick it in my CSS -
it's more a style thing than a content thing :)

~Mx


-----Original Message-----
From: css-d-boun...@lists.css-discuss.org
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Matthew Stoneback
Sent: 27 January 2009 23:16
To: Untitled list
Subject: [css-d] Image Roll-Over (Second Attempt)

I am back with the same question (sorry, I asked last week and received no
response... hoping for some help so I can stop scratching my head)...

Please take a look at the following (validated):

Here is the HTML: http://www.eddysound.com/dev/hangmenmc/

Here is the CSS: http://www.eddysound.com/dev/hangmenmc/hangmenmc.css

Basically, the navigation roll over (image swap fully CSS) is not
functioning correctly in IE.  The roll-over state is showing all the time.
(Top navigation in red.)  I have made two other sites with this type of
navigation but I cannot seem to find my error.  If you want to see the roll
over function properly, take a look at the page in Firefox.

Any help is greatly appreciated as I am trying to complete this mock-up this
week.

Matt Stoneback
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
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/

______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
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/

Reply via email to