Question

I am currently making a website here. And to the right is a postcode search div. The top corner of that needs to be rounded.

I am using images to round the corners. I do not want to use another method unless it fully supports all browsers, up until IE7.

I have already done this on the navigation (to the left. only top right and bottom left corners). But I cannot seem to get it to work for the top left corner. Please help. This may be a silly little mistake I have made.

Answer 1

If the “postcode search div” is fixed width and height (as it appears to be), the simplest solution would just be to do the entire thing as an image, and set that as the background:

(yes, the images are the correct size and colour)