When I view gallery images in the colorbox mode, they looks as expected in Chrome, IE, and Opera, while in Firefox (v.9.0.1) the colorbox looks downsized.
This is an example of the colorbox html code for a specific image viewed in most browsers:


<img width="540" height="405" typeof="foaf:Image" src="http://n1.localhost/files/styles/media_gallery_large/public/DSC00429.JPG" alt="">

And this is it for the same image viewed in Firefox:

<img height="405" width="540" alt="" src="http://n1.localhost/files/styles/media_gallery_large/public/DSC00429.JPG" typeof="foaf:Image" style="width: 250px; height: 188px;">
As you can see, there is an extra "style" attribute that somehow appears in Firefox and downsizes the colorbox image from 540x405 to 250x188.
(A strange thing is that this bug is not 100% reproducable: some images in a media gallery may look as expected, while other are downsized)

Comments

What width and height values do the images have...
... which look as expected? (are they lower/the same/greather than 540x405?)
... which are downsized? (as of #0 this is 540x405)

If you have a downsized image, click on the image, to get to the details page. Replace the word "detail" in the current url to "lightbox" and open the new url. Is the image still downsized?

As it affects only one browser, are you sure, that it is no cache-problem?

I'm having the same problem.
Tried different themes.
Using:
Media Gallery 7.x-1.0-beta7
Media 7.x-1.0-rc3
Colorbox plugin 1.3.19 (had 1.3.17 same problem)

#2 Does it work in all browsers except in Firefox, as the issue starter said? Can you give an answer to the questions in #1?
- Is there a public installation available with this problem?

#3
Yes its only a Firefox problem. I cleared everything on Firefox including cache.
Which look is expected? width of 500px, height is width dependent. So greater than the displayed dimensions.

See it here: http://csphoto.seleqta.com/node/1

It seems to be a Theme issue.

File: http://csphoto.seleqta.com/sites/all/themes/arctica/arctica/styling/css/...
There you can find the following lines:

img {
    -moz-box-sizing: border-box;
    height: auto;
    max-width: 100%;
}

If i remove height: auto; it works for me. Can you confirm that?

Yes, removing height:auto fixed it.
Thank you.

Removing that one line CSS didn't fix the problem for me.

Here is my solution for the problem:
https://github.com/jackmoore/colorbox/issues/210

Hope it helps!

Status:Active» Postponed (maintainer needs more info)

Could this issue be closed?

Status:Postponed (maintainer needs more info)» Fixed

Status:Fixed» Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

#5 solved my problem. I also add that I had some minor problems with styles when I was using default skin of colorbox.
When I chose example1 - everything looked much better.

Here is an example of usage: http://med4kids.pl/med4kids-galeria

Thanks Moloc for Your help.

regards,
Marcin