Borders, border images....

Okay... I'm making a site with a nice blue border around the outside of the page... and it has a nice image header on top. that much works.

Code:

---

#content{
width:922px;
height:1050px;
border-left:solid 15px #31659c;
border-right:solid 15px #31659c;

border-bottom:solid 30px #31659c;

}





#header{
width:952px;
height:90px;
background: url('./images/banner.jpg');
}

---

There are two things that i want to do...

i want to have the borders expand to fit around the content if that is at all possible....

and i would like to have a footer with text that "sticks" in it or an image that is in it (kind of like my header)


thanks,
normaldotcom

Remove the height that'll allow it to expand south as needed.

If you layed out your page correctly, you should be able to just add your text in your footer div. But if all else fails, remember position:absolute;

on my page, http://71.227.48.183/newweb/indexnew.html,

warning: don't look at it in internet explorer, it looks really bad
because internet explorer won't do some borders and alignment
for some reason.

okay, so I have those borders working, and they are at the bottom
of the page UNLESS I put text farther down on the page. the text
goes behind the footer and comes out under it.

My css style file is located at http://71.227.48.183/newweb/indexstyle.css
I'm kind of a newbie at css and I think there is a LOT of stuff in there that I
dont need... so feel free to comment