google chrome - Image Resizing on Different Browsers -


i'm trying make website , works fine on browsers google chrome , safari, doesn't work on mozilla firefox , internet explorer.

here's link how looks http://imgur.com/bmmoqw0,qiicbr4#0 first image how looks in chrome , safari. second link ie , firefox.

the html square image wrapped in many borders.

 <div> <div> ... <div> <img> </div> ... </div> </div> 

the css has image , divs set border-radius 100% , has code along lines of:

 max-width: 574px;  max-height: 574px;  display:block;   max-height:100%; //repetitive, know, i've been frustratingly trying might work  width:auto;   max-width:100%;  height: auto; 

i've tried max-height, without max-height, height: 100%, without height: 100%, etc. i've googled problem countless times , solutions work others don't seem work me. i've set html, body {height: 100%} , i've tried .cycle-slide {width:100%;} , section img { width: 100% } didn't work either.

edit: http://jsfiddle.net/zc3y8/1/ code little bit different because i'm using ruby on rails on aptana. pretty how looks

you using 2 different images link: first one, http://i.imgur.com/bmmoqw0.png , second one, http://i.imgur.com/qiicbr4.png


Comments

Popular posts from this blog

css - Which browser returns the correct result for getBoundingClientRect of an SVG element? -

gcc - Calling fftR4() in c from assembly -

.htaccess - Matching full URL in RewriteCond -