This seems very familiar, and I'm sure will be obvious,  but I'm
trying to understand why adding a border is changing the size of a
<div>.

On this page:  http://infopeople.org/search/tools.html

And I'm looking specifically at this code:

    <div class="logo clearfix">
        <a href="/"><img src="/images/ifp_logo_drkblue_orange_arr.gif" 
alt="Infopeople.org" /></a>
        <h1>Best Search Tools</h1>
    </div

There's this in-line style:

#searchtools .logo {
    border: 1px solid red;
}

In firefox, when I change the ID to not match then the logo <div> gets
bigger and then the <h1> text moves relative to the image.

Can someone explain that behavior (or point me where I can read about
it)?

Thanks,


-- 
Bill Moseley
[EMAIL PROTECTED]

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to