Holly Bergevin wrote: > From: Peter <[EMAIL PROTECTED]> > > >> http://www.kuroiweb.com/forms/ >> >> This performs exactly as expected in FF, but in IE6 and IE7 the top >> border (the only one set) on all fieldsets except the last one is not >> visible >> > > Hi Peter, > > In your ie_styles.css, remove the width from the legend ruleset and IE should > play along. > > legend { > position: relative; > left: -7px; > top: -0.75em; > /* width: 100%; */ /* remove this */ > } > > Side benefit (tee hee) - the horizontal scroll bar goes away, too. > > ~holly > > > > Many thanks Holly. This put me on the right path.
I inserted the "width:100%" to cope with a problem specific to IE7, namely that each word of the fieldset legend is being wrapped. This can be seen at http://www.kuroiweb.com/forms/ and using "display:block" (which would have been a better solution than "width:100%" anyway) also causes the top border to run for cover. Setting an fixed width gives it partial cover for the duration of the width (big clue huh?). If there's a quick solution to this I'd be interested. It appears to be wrapped up with the use of relative positioning on the legend. Doesn't matter what I do, remove the "top: -0.75em" or give it a positive value, so long as the legend is relative and has a width, that top-border doesn't play nicely. Not a huge deal if there's no easy answer, as I've managed to work around it by dropping the relative positioning (http://www.kuroiweb.com/forms2/), so this is mainly just 'cos I don't like getting beat on these issues. Peter ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
