Featured Image Slider Images Snapping in to place
I'm using the following CSS to resize the columns. I am using a featured image slider. Images are sized at 840x320. In FireFox 27.0.1, for some screen sizes, the images appear slightly smaller than then box and then snap into place. The problem seems to be when the image is 740px wide. Large or smaller, it seems to work ok. It seems to also work in other browsers (IE9, Chrome 33). Suggestions?
Site: http://ipcrew.com/SHSTest
CSS Code being used.
#primary { width: 840px; }
#secondary { width: 320px; }
@media screen and (max-width: 1224px) {
#primary { width: 740px; }
#secondary { width: 254px; }
}
@media screen and (max-width: 1060px) {
#primary { width: 616px; }
#secondary { width: 254px; }
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
#primary { width: 676px; }
#secondary { width: 254px; }
}
@media screen and (max-width: 960px) {
#primary, #secondary { width: 100%; }
}