On Mar 9, 2008, at 2:19 AM, Usamah M. Ali wrote: > 'm having a weird CSS behavior that is happening only in IE7. It's a > box that having rounded corners on both top-left & bottom-left sides. > The problem is that one of the rounded corner images always jumps off > its original place and spans into the content area. > > Here's a screenshot of the problem for better illustration: > http://img373.imageshack.us/img373/5664/ie7weirdxo6.gif > > The small image in the middle is supposed to be in place of the red > circle. The CSS technique is a traditional old approach for achieving > CSS rounded corners: > > <div class="searchbox"> > <div class="search_top"></div> > <div class="search_content"> > <form action="http://sawa.org.sd/search/" method="get"> > <input type="text" name="q" value="" size="17"/> > <input type="submit" value="Search" id="submitSearch"/></p> > </form> > </div> > <div class="search_bottom"></div> > </div> > > ... > This happens randomly. The page loads once with the image spanning > off, and if I refreshed the page it's back to its original place! Also > it's happening only with the top-left image. While I have no evidence, > I'm 100% it's happening only in IE7, not IE6 (having tested in IE > below 6). Needless to say no such quirks in Firefox or Opera.
You don't provide much as a context; a url or minimised test case perhaps ? A screenshot is hard to debug. Intuitively, I'd say, give the parent (.searchbox) 'layout' and see if that helps. Philippe --- Philippe Wittenbergh http://l-c-n.com/ ______________________________________________________________________ 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/