css border radius breaks on google chrome

[David Dotou]

hi i'm customizing my theme close to finish hopefully, my border radius on my product block breaks on google chrome when the mouse hovers how to fix ?

haven't checked internet explorer or other webbrowers i'm learning css on firefox

http://www.710solutionshop.com

thanks alot david.

[fred-vinapresta]

Hi.

 

di you add the webkit motification in your css? 

 

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

if yes, what is your code?

[David Dotou]

Hi fred thanks for answering and checking this out, i added the code you gave but border-radius lines still break on my product images when using google chrome here's my css code ::

/* product style */
.product-block {
  position: relative;
  overflow: hidden;
  margin: 10 px;
  background: white;
  padding: 0 px;
  border: 1px solid !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
   -webkit-border-radius: 11 px;  <added
  -moz-border-radius: 11 px;      <added
  border-radius: 11 px;
}

Edited March 28, 2015 by David Dotou (see edit history)

[David Dotou]

Hey everyone I haven't been able to fix my border-radius issue on chrome can someo give e a hint to what i could try to fix the lines breaks and it really bugs me out i cain't move on!

Thanks alot!