rounded corners with one image

I noticed that the footer menu on the bottom with rounded corners only
uses one image of a rounded corner:img/round15_bot.gif

This one image seems to be used for all four corners, but that can't be
right. How are these corners made ?

Here is the part of the css for the footer

http://www.blogger.com/profile/12345910
/* Footer
----------------------------------------------- */
#footer {
clear:both;
padding:15px 0 0;
}
#footer div {
background:#E1D4C0 url("../img/round15_bot.gif") no-repeat right bottom;
}
..pop #footer div {
background-image:none;
}
#footer p {
background:url("../img/round15_top.gif") no-repeat left top;
min-height:2px;
margin:0;
padding:7px 20px;
color:#826C55;
text-align:center;
font-size:93%;
line-height:1.2em;
}

#footer hr {
display:none;
}

meltedown <groups2 (AT) reenie (DOT) org> wrote:

I noticed that the footer menu on the bottom with rounded corners only
uses one image of a rounded corner:img/round15_bot.gif

no no no !
you have :
____ ____
img/round15_top.gif / \
! !

AND

! !
img/round15_bot.gif \____ ___/


--
@@@@@
E -00 comme on est very beaux dis !
' `) /

\_ =="

denisb wrote:

meltedown <groups2 (AT) reenie (DOT) org> wrote:

I noticed that the footer menu on the bottom with rounded corners only
uses one image of a rounded corner:img/round15_bot.gif


no no no !
you have :
____ ____
img/round15_top.gif / \
! !

AND

! !
img/round15_bot.gif \____ ___/


Oh right. I see now the images aren't just one corner, they are two

corners horizontally