Css borders for my DIV dont work?

hi guys,
I added a curved corner to my DIV but it does not seem to work.

Pls advise
thanks
M

.NBottom {
position: fixed;
bottom: 0px;
left: 0px;
background: #336699;
color: #336699;
width: 100%;
padding: 18px;
height: 5px;
border-radius: 15px;
border-top-right-radius: 10% 5%;
border-top-left-radius: 10% 5%;
border-bottom-right-radius: 10% 5%;
border-bottom-right-radius: 10% 5%;
}

That code should work OK. What browser are you testing it in? You also need to make sure the div has some height, or the % values will be meaningless. The current height of 5px makes it pretty hard to place any roundness on the div. 5% of 5px ain’t much. :slight_smile: (If you give the div a height of, say, 600px, you’ll see that the rounding is indeed working.)

You’ve specified bottom-right twice, so the bottom-left takes the value of the first (basically redundant) shorthand value.