Having it in both FF and IE, I just want a border on a div tag [all sides but the top].

But when I try removing the top border, the div seems to shift downward, and leaves a gap at the top!

Here is the code Im using

HTML:

<div class="infoBox">
        <h2>login</h2>
        
        <div>
          <div>
            <form action="" method="post" name="form1" class="login" id="form1">
              <p>
                <label for="textfield">username</label>
                <input name="textfield" type="text" id="textfield" size="10" />
              </p>
              <p>
                <label for="label">password</label>
                <input name="textfield2" type="password" id="label" size="10" />
              </p>
              <p>
                <label for="label2"></label>
                <input name="login" type="submit" id="login" value="Login" />
              </p>
            </form>
          </div>
        </div>
      </div>

CSS:

.infoBox {
padding:0 5px;
margin-top:10px;}

.infoBox h2 {
background:url(../image/tableHead.jpg) repeat-x;
margin:0;
padding:0;
color:#FFF;}

infoBox p {
padding:2px 0;
margin:0;}

.infoBox div {
padding:0 4px;}

.infoBox div div {
border:#1DA7C5 solid 1px;}

Any help would be great!

Try padding-top: 1px;

No, he's got margin-collapse, you need to apply at least 1px of top padding to stop it.

hmmm margin collapse? How do I stop that without applying a top border? Or am I done for?

Add the top padding as above.
(sorry, last night I said top margin.. that was incorrect).

I seeeeee, thanks!

FYI - margin collapse is NOT a bug !

Woops, sorry for my error as well. Was caught in between posts

Edited now anyways

LadynRed:

I just gotta know... can we see some of your webpages?

All that knowledge gotta be good for something besides just posting here!

(small grasshopper bow humbly to wisest master)

Ok... a couple...
www.sanomesfreeedgesalon.com
www.mfmutah.com
www.ajp1law.com
www.springshadowsfamily.com

I'm in the middle of a re-design on my brother's Corvette Club's site, it should be up in a week or two - their exisiting site is an eyesore.. lol.

.infoBox div div {
border:#1DA7C5 solid 1px;
border-top:transparent 1px none;
}