box with rounded corners has gaps in IE

[sweetums66]

I’m trying to create a form box with rounded corners. It has to have rounded corners in all browsers so I’m using images at the top and bottom of the form but in ie7 (maybe in other versions of ie as well) the images have gaps and are not sitting flush to the form content. I’ve removed all borders, padding and margins so I’m really confused as to why there is a gap.

Link to the proper page is here http://www.green-sun.co.uk/contact.html
(its the form at the bottom left of the page)

I’ve also created a second version http://www.green-sun.co.uk/contact-test.html
that just has that box on the page, which only seems to have a gap on the top image for some reason.
Any help much appreciated

[John Tanedo]

the link has an error 404…

but try using position:relative;
then the position of the img use bottom:5px; or whatever the position of the top and bottom img of the rounded edge corners

[Author]

Posts