Forcing child to obey parent's curved borders in CSS

Question

I have a div inside of another div. #outer and #inner. #outer has curved borders and a white background. #inner has no

Answer 1

have you tried making the position:relative for the inner div ???

that is:

#inner { 
    background-color: #209400; 
    height: 10px; 
    border-top: none; 
    position: relative; 
    left: 15px; 
    top: 15px; 
}