The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS box with rounded corners has gaps in IE

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #28798

    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
    (its the form at the bottom left of the page)

    I’ve also created a second version
    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

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.