white border inside border

[aebstract]

I want a single div to be able to have a 1px border and a 2-3px border on the inside of the 1px. then have a bg color and padding of about 5px. A great example of what I want can be found at: www.gmail.com the login box how it has a thin border, then white then the bg color. I got all of it on my site except for the white part. Thanks in advance.

[AndyB]

View source.

The great example you cite was done with tables.

If it's all on your site, show us the CSS you have so far.

[aebstract]

[a href=\"http://www.carbenco.com/beta/\" target=\"_blank\"]http://www.carbenco.com/beta/[/a]
I don't want to use tables, and here is the css for what you see:
[code]
#logintemp1 {
        position: absolute; top: 80px; right:7px;
        background-color: #CCCCCC;
        width: 195px;
                        border-width: 1px;
                        border-color: #666666;
                        border-style:solid;
            padding: 5px;
}
[/code]

[nogray]

You can't have two borders in one div, you gotta have 2 divs for 2 borders

[moberemk]

I'm looking at your example, and it just doesn't work for me, so I'll have to agree with nogray and say that it doesn't work.

[wildteen88]

The way google has done it is by having a td cell with a 1px border with 5 pix padding then in side that cell is a table whcih has the ligh blue background. So here is how they have done it:
[code]<style type="text/css">
#outer {
  border: 1px solid #E8EEFA;
  padding: 5px;
  width: 225px;
}
#inner {
  padding: 10px;
  background-color: #E8EEFA;
}
#inner h1 {
  margin: 0px;
  padding: 0px;
  padding-bottom: 10px;
  font-size: 24p;
}
</style>

<div id="outer">
  <div id="inner">
    <h1>Header</h1>
    through a top-down, proactive approach we can remain customer focused and goal-directed,
    innovate and be an inside-out organization which facilitates sticky web-readiness
    transforming turnkey eyeballs
  </div>
</div>[/code]