Resize image and rounded corners using CSS

The idea is to use the background-size: piesegt; CSS property which handles the centering, cropping and, labi, covering. Here’s an extract from the fiddle: div.yourWrapper { platums: 50px; augstums: 50px; -WebKit robežas rādiuss: 10px; -moz-border-rādiuss: 10px; border-rādiuss: 10px; fons: url(‘some_image.jpg’) no-repeat center center; -webkit-background-size: piesegt; -moz-background-size: piesegt; -o-background-size: piesegt; background-size: piesegt; }