Code help: Do I need to use an image.

Hello!

Ive started to learn XHTML and CSS.

<div style="position:absolute;left:20px;top:127px;width:900px;height:19px;" align="center">
<img src="http://www.fsstudio.org/bv01287.gif"></div>
<div style="position:absolute;left:20px;top:128px;width:886px;height:16px;" align="center">
<font style="font-size:13px" color="#000000" face="Arial"><a href="http://www.google.com">Home Page</a>&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; <a href="http://www.google.com/">Example Link</a>&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp; <a href="http://www.fsstudio.org/">Example</a>&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp; <a href="http://www.fsstudio.org/forum/">Example Link</a>&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp; <a href="http://www.fsstudio.org/forum/">Example Link</a>&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp; <a href="http://www.fsstudio.org/">Example Link</a></font></div>

HTML:

The code above produces.



Question: Is there a way to create the grey area, without the use of an image?

 

in the css, add:

border: 1px #000 solid; background: #DDD

Code (markup):

Just change the border color and background color to whatever colors you'd like.

 

Thank you so much!! I completely forgot about just adding a border. It works like a charm lol

*slaps forehead*

Cheers!