Wrong height of an image within a div in Mozilla Firebird

[Florian Feldhaus]

I have a problem with the following website
http://www.kindernest-beinghaus.de

I used css to make a hover effekt for the images:

- HTML Code:

<div id="menu_item">
<div class="item">
<p>
<a href="ueber_uns.php"><img src="img/ueber_uns.gif"
width="100%" alt="Über uns"></a>
</p>
</div>
</div>

- CSS Code:

DIV.item :link
{
background: #FFF;
}

DIV.item :visited
{
background: #FFF;
}

DIV.item :hover
{
background: #FDFF7C;
}

In the Internet Explorer everything looks fine, but in Mozilla
Firebird, just one third of the background is white, but the hoover
effect is ok.

Does anyone can help me?

Thanks a lot
Florian Feldhaus

 

[Steve Pugh]

I have a problem with the following website
http://www.kindernest-beinghaus.de

<div class="item">
<p>
<a href="ueber_uns.php"><img src="img/ueber_uns.gif"
width="100%" alt="Über uns"></a>
</p>
</div>

DIV.item :link { background: #FFF; }

DIV.item :hover { background: #FDFF7C; }

In the Internet Explorer everything looks fine, but in Mozilla
Firebird, just one third of the background is white, but the hoover
effect is ok.

The :link style only applies to the <a> element which is only as tall
as a line of text.
The :hover style applies to all elements inside DIV.item - the <p>,
<a> and <img> elements.
Hence the difference.

Setting
DIV.item img {background-color: inherit;}
should help.

Steve

 

[Florian Feldhaus]

....

The :link style only applies to the <a> element which is only as tall
as a line of text.
The :hover style applies to all elements inside DIV.item - the <p>,
<a> and <img> elements.
Hence the difference.

Setting
DIV.item img {background-color: inherit;}
should help

I tried it with DIV.item img... inherit makes everything orange, like
the rest, but setting the color to #FFF throws up several problems. In
Mozilla Firebird everything looks fine, but the Internet Explorer
doesn't show the hover Effect anymore. Opera makes a little hover
effect under the image...
I applied the changes to the site (http://www.kindernest-beinghaus.de)
Any solutions?

Thanks
Flo