Black frame around images in firefox ... not in safari

[symbiose]

hello,

i have layout issues with css in firefox. in safari it works totally well, but i cannot find out why firefox adds some frames around images which are not supposed to be there:

http://www.konstantin-schmoelzer.com/product.html (safari:good, firefox: bad)

.css_


.product_menu_item {
background-color: #fefffe;
padding: 7px;
margin: 1px;
border: 1px solid #cacaca;
float: left;
}

.product_menu_item:hover {
padding: 7px;
margin: 1px;
border: 1px solid #cacaca;
background-color: #cacaca;
float: left;
}

.product_menu_item_text {
color: #fefffe;
padding: 15px;
background-color: rgba(145,145,145,0.5);
text-transform: uppercase;
margin-top: -42px;
position: relative;
}


.html_


<div class="product_menu_item">

<a href="product_sedescohorresco.html"><img src="images/product_menu_sedescohorresco.jpg" width="300" height="300" /></a>

<div class="product_menu_item_text">
Sedes Cohorresco
</div>

</div>


did i do a programming mistake?
thank you very much.

[coothead]

Hi there symbiose,

and a warm welcome to these forums. ;)

IE also puts a border around images whose parent is the a element.

To remove the border, add this rule to your stylesheet...


.product_menu_item img {
border:0;
}


...or...


img {
border:0;
}

...to remove all unwanted image borders. :D

coothead

[alison]

i have a similar problem: firefox adds a white border when playing quicktimes on my site, they look fine on safari. thoughts?

[coothead]

Hi there alison,

and a warm welcome to these forums. ;)

Do you have a link to the site, so that we may see the problem for ourselves?

coothead

[alison]

thanks,

http://alisonamron.com/xborder.html

[bluewalrus]

The embed tag is too wide change it to this

<embed height="368" width="480" src="quicktimes/new_york.mp4"/>

[alison]

that appears to work. now there is a white line at the top that goes away after a few seconds.

[alison]

it is also too far over to the left now.

[bluewalrus]

I can't see it now my browser cached the video I think. It looks like it is the video loading the first time though do you get it everytime?

Try changing the height of the container to 376 also try setting the background of it to black (#000000). If neither of these work post back and I'll see if I can see it again.

[alison]

changing the quicktime width to 480 and the related div appears to have worked.
thanks!