Someone please help!!

[gjh42]

Another clue:

The code above is for decorating each sidebox individually. Since you want to enclose them all in one box, you will need to apply the logic to larger units.

NavColumnOneWrapper encloses all the left sideboxes, as you will see if you use the FF Web developer tools, and navColumnOne encloses that. So you can put the top & sides of your border in the outer entity and the bottom in the next inner one so it covers the lower ends of the sides. Adjust margins & padding in all places necessary and you will be done. (I know, easier said than done, but work on it, experiment, and study CSS if necessary. You will be better prepared for your next project.)

[seethrou]

For the reader follow on
====================
Please note the following has not been tested and only suggested for experience!


@ raindark

Some suggestions, before modifications, please first read the FAQ, the Wiki and search for the basic concepts about your subjects. It will help to turn the headache or hair loss into more joys.

The following may be still not the final way but hope this closer.
Your image seems with problems, it contain large white margins and wider than the column size, so only portions of the graphic showed. Again it is about the basic concepts you need to notice.

Suggest to trim off all the margins not needed unless it is by design and I misunderstand about it.
Then cut your image mirror.jpg into 2 parts,
one for the top or header and for e.g. I call it mirror_1.jpg,
and the other for the bottom and for e.g. I call it mirror_2.jpg.
But the length of mirror_2.jpg must sufficient or longer than all the lengths of your contents!

After that, copy the idea from Future Zen and got the advices from gjh42.
And put the following to your stylesheet and trial and errors for the experiences.

#navColumnOne {
margin: 0;
background-image:url(../images/mirror_1.jpg);
background-repeat:no-repeat;
padding: 0.5em 0.2em; /* tune it to fit */
}

#navColumnOneWrapper {
background-image:url(../images/mirror_2.jpg);
background-repeat:no-repeat;
background-position:bottom;
padding: 0.6em 0.7em 1.4em 0.6em; /* tune it to fit */
}

Again, it is your turn now.

.

[raindark]

thanks....