Colocar bordes! D:

Hola este es mi primer post y antes que nada los felicito por la web y el foro pero enstoy a medias en el curso paso a paso.
Me quede en la parte en la que aplican bordes redondeados en la web al inicio y al final...
mi problema es que puse que mi web este al ancho de 1000px de ancho porque busco colocar banners y asi se quedara porque asi me gusta..
pero el problema radica en que al colocar el de la web CCTW no se completa y cuando colocaron las propiedades lo cambie a width 1000px pero no se cambio, entonces me di a la tarea de buscar una imagen para usar de borde y encontre unas pero son de tamano pequeno pero estan muy bonitas y esas quiero pero como lo puedo poner para que se vea en todo lo ancho pero no quiero modificar la imagen..
aqui estan los datos:
estos son los bordes:

[contenido no disponible]
[contenido no disponible]
[contenido no disponible]
[contenido no disponible]

aqui esta el codigo css:
@charset "utf-8";
/* CSS Document */


*{margin:0px ; padding:0px ; border:0px}
body{text-align:center; background-image:url(objetos/nature_0032opt.jpg)}
#cabecera{background-color: pink; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid }
#navegacion{background-image:url(objetos/barra-navegacion2.jpg); background-color:transparent ; border: black 1px solid ; font:Tahoma; color:white}
#contenido{background-color:#0CC ; width:998px ; float:left; border-left: black 1px solid ; border-right: black 1px solid}

#pie-pagina{border-top:black 1px solid; background-color:green; border: black 1px solid }
#global{width:1000px ; margin:4px auto}
#menu{background-image:url(objetos/Menu.jpg) ;background-color: yellow; width:150px; float:left ; text-align:left ; margin:3px 10px 3px 3px ; border: black 1px solid}
#menu li{list-style:none ; margin: 4px 0px 4px 6px}
a{color: blue ; text-decoration:none ; display:block}
a:link{}
a:visited{}
a:hover{color: white ; text-decoration:underline ; background-color:silver}
a:active{}
p{text-align:justify}
#contenido p {padding: 5px 10px 5px 10px}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin-right: 10px ; text-indent:15px}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
y esta es la plantilla
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" h href="estilo general.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>

</head>

<body>
<div id="global">
  <div id="cabecera">Bienvenidos a mi Web</div>
  <div id="navegacion">Barra de Navegación</div>
  <div id="contenido">
			 <div id="menu">
<ul><li><a href="#">Enlace 1</a></li><li><a href="#">Enlace 2</a></li><li><a href="#">Enlace 3</a></li></ul>
       </div>
<p>Esta será la zona principal de la web</p>
<p>Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
<p>Y este es el tercer párrafo. En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>
<p>Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
  </div>
	<div id="pie-pagina">Este es el pié de página</div>
</div>
</body>
</html>
Lo primero seria ordenar correctamente el CSS. Ahora para hacer mas ancha la imagen (si quieres que conserve su calidad) debes hacerlo con un buen programa de edicion como Photoshop.
ya lo intente con la imagen de cctw y la modifique con photoshop pero al momento de aserla mas grande la parte transparente se vuelve blaca solida y se ve mal al colocarla y no se como aserlo...
pero mi duda era saber si no se podia modificar el tamano al momento de insertarla en css?

y en cuanto al css... como que ordenarlo?... de que forma??.. en que puede afectar?? D:
gracias un saludo
La imagen pierde su transparencia si la guardas sin ella, obviamente. Si la haces solo mas ancha queda fea, si la haces mas larga queda fea. Lo mejor es hacerla ancha y larga de manera igual. Yo lo que haria para agrandar tus bordes seria agrandar el lienzo y despues rellenar el trozo que se quedo vacio (copio y pego).

En lo de ordenar me refiero al orden que tienen tus filas de codigo. El navegador lee el codigo de arriba a abajo. Esto afecta en la estructura a mostrar.

Veras lo que te recomiendo es que sigas el curso haciendo la web como te dice e intentando entender el por que de como va y aprenderte el codigo. Si ahora te pones a hacer tu web siguiendo el curso... te liaras mucho y perderas tiempo.
Lo que pretendes no es muy elegante ya que si la imagen es pequeña y haces más grande perderá calidad siempre. ¿Porqué no te haces tú la imagen en photoshop desde cero? No es difícil y hay mucha información en internet de cómo hacerlo. Aún así, si vas a redondear las esquinas de un div muy grande no será eficiente porque las imágenes serán grandes y pesadas. En mi caso, cuando necesito redondear bordes de capas grandes o capas que van a variar de tamaño lo hago colocando sólo las imágenes de las esquinas y los lados de la capa, que son mucho más pequeñas. La web cargará antes y la capa puede cambiar de tamaño de forma dinámica que las esquinas siempre serán redondeadas. Lo malo que tiene esta técnica es que hay que dejarse la piel con CSS para colocar cada cosa en su sitio y que no se mueva en los navegadores más usados. A ver cuando aceptan de una vez todos los navegadores la propiedad border-radius y fin de los problemas.
En mi manual de CSS3 se explica como se hace pero el esta siguiendo el curso paso a paso con html-kit y alli se hace con imagenes.
Muchas gracias seguirle el consejo de johnpeterjp y jOssillO intentare crearlo en photoshop.
y lo del css de olukarak
pero lo que aun no se es que si existe un codigo para aumentar las imagenes desde un codigo?
Es que una imágen es de un tamaño y si la achicas o agrandas sus propiedades en pixeles varían, desde nuestro ojo, menor pixel, no lo notamos pero mayor se produce un caos visual. Cuando insertas una imágen en tu html le asignas un tamaño de ésta forma:

<img src="images/foto.jpg" width="200" height="267" /> 

Si modificas esos parámetros cambias el tamaño de la imágen sin problemas, el problema es visual, optico, ocular, focal, etc. Me comprendes ?