请大家看看这个CSS边框怎么能够宽度适应页面，页面宽度是778。
页面地址：
http://www.auto8822.net<STYLE type=text/css media=screen,print>
HTML {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #666666; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #000; PADDING-TOP: 0px; FONT-FAMILY: "Trebuchet MS", Georgia, Verdana, serif
}
BODY {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
BACKGROUND: #666666;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
COLOR: #000;
PADDING-TOP: 0px;
FONT-FAMILY: "Trebuchet MS", Georgia, Verdana, serif;
background-color: #222222;
}
H1 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 16px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
P {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 9px 0px 0px; LINE-HEIGHT: 18px; PADDING-TOP: 0px
}
UNKNOWN {
FONT-SIZE: 11px; FONT-STYLE: italic
}
#centerwrap {
MARGIN: 10px auto; WIDTH: 778px; POSITION: relative; HEIGHT: 460px; BACKGROUND-COLOR: #999999
}
#content {
PADDING-RIGHT: 20px; PADDING-LEFT: 10px; LEFT: 3px; PADDING-BOTTOM: 10px; OVERFLOW: auto; WIDTH: 703px; PADDING-TOP: 10px; POSITION: absolute; TOP: 109px; HEIGHT: 243px; BACKGROUND-COLOR: #fff
}
#centerwrap {
LEFT: 50%; MARGIN: -210px 0px 0px -360px; POSITION: absolute; TOP: 50%
}
.photo .photo {
FLOAT: left; MARGIN-BOTTOM: 12px; WIDTH: 185px
}
.photo A {
DISPLAY: block; FONT-SIZE: 0.85em; BACKGROUND: #fff url(img-bg.png) no-repeat 0px 0px; COLOR: #002c79; TEXT-DECORATION: none
}
.photo A:visited {
BACKGROUND-POSITION: -371px 0px; COLOR: #7e7e7e
}
.photo A:hover {
BACKGROUND-POSITION: -185px 0px; COLOR: #c24f00
}
.photo SPAN.desc {
DISPLAY: block; TEXT-ALIGN: center
}
.photo IMG {
DISPLAY: inline; MARGIN: 11px 11px 8px; WIDTH: 163px; HEIGHT: 105px
}
.photo {
TEXT-ALIGN: center
}
.photo .photos-3 {
MARGIN: auto; WIDTH: 778px
}
.photo .photos-2 {
MARGIN: auto; WIDTH: 370px
}
</STYLE>
<DIV class=photo></DIV>
<DIV class=photo>
<DIV class=photos-3><SPAN class=photo><A class=thumb
href="#"><IMG
src="image/a01.gif" alt="" width="195" height="125" border=0> </A></SPAN><SPAN class=photo><A
class=thumb href="#"><IMG
src="image/a02.gif" alt="" width="195" height="125" border=0> </A></SPAN><SPAN class=photo><A
class=thumb href="#"><IMG
src="image/a03.gif" alt="" width="195" height="125" border=0> </A></SPAN><SPAN class=photo><A
class=thumb href="#"><IMG
src="image/a04.gif" alt="" width="195" height="125" border=0> </A></SPAN>
<DIV class=clear></DIV></DIV></DIV>
<DIV class=photo></DIV>
<DIV class=photo>
<DIV class=photos-3><SPAN class=photo><A class=thumb
href="#"><IMG
src="image/a05.gif" alt="" width="195" height="125" border=0> </A></SPAN><SPAN class=photo><A
class=thumb href="#"><IMG
src="image/a06.gif" alt="" width="195" height="125" border=0> </A></SPAN><SPAN class=photo><A
class=thumb href="#"><IMG
src="image/a07.gif" alt="" width="195" height="125" border=0> </A></SPAN><SPAN class=photo><A
class=thumb href="#"><IMG
src="image/a08.gif" alt="" width="195" height="125" border=0> </A></SPAN>
<DIV class=clear></DIV></DIV></DIV>
下面是效果这个的原始地址：http://blog.timetide.net/archives/2005/02/23/20050223091650.php
