Border-radius doesn’t affect inner elements

Here is the fiddle – http://jsfiddle.net/ashwyn/V98h7/2/

Add –

#outer {
   overflow: hidden;
}

and it will work.

More information on the overflow property can be found on MDN.