How to get centered div with 1px border?

[deko]

I'm trying to get a 1px border around the content section of this page:

http://www.clearpointsystems.com

As you will see, I have a header/nav bar (looks correct), but the border around
the content is not centered and does not resize properly as the browser window
is resized.

The goal is a 1px border around the content (div id="page") with about 30px (or
2%) margin all around and the border/content should resize as the browser
window is resized.

What I have now is something of a hack:

#page {
position:absolu te;
top:80px;
width:80%;
height:50%;
font-family:Arial, Helvetica, sans-serif;
border: 1px solid #333333;
text-align:left;
margin-top:0 auto 0 auto;
padding:30px 30px 30px 30px;
}

How do I get a centered div with an evenly-spaced 1px border all around?

Thanks in advance.

[deko]

>> This was my first attempt at using a table navbar. I like the idea because

there are no images - keeps page size down.
Funny thing is that I see 5 calls for _s1.gif_ in your table.

Yes, but at 0.07 KB :)

Speaking of that gif, any idea how I can get that bevel on the first (extreme
left) and last (extreme right) "tab" in the nav table? I've created the
appropriate gifs, but I don't know how to insert them in the table without
screwing up the cells.
Nothing actually, but don't use it if you don't have to and you don't have to
in most instances.
You have to understand that an absolutely positioned element is out of the
normal flow.

10-4. That makes sense.

[deko]

> body { font-size: 100%; } /* everyone's default size */

h1 { font-size: 140%; } /* <-- or similar for headings */
h2 { font-size: 125%; }
h3 { font-size: 115%; }

I'll give it a shot. Thanks.

[deko]

> Speaking of that gif, any idea how I can get that bevel on the first (extreme

left) and last (extreme right) "tab" in the nav table? I've created the
appropriate gifs, but I don't know how to insert them in the table without
screwing up the cells.

figured it out - set bgcolor individually in the page (rather then the
stylesheet) and make another column for the leading/trailing images