I have some HTML and CSS that is mostly doing what I am trying to achieve. The fiddle is here: http://jsfiddle.net/8YX7M/.
What I would really like is to have a page border attached to the tabs so that selected tab is simply an extension of the page while the unselected tabs all have a black line underneath them showing that they are not an extension of the current page. Also, I am wondering how one goes about displaying content under a set of tabs. Do you use something like a frame to load the new content selected by the tab or do you make a new page of each possible tab and load the whole thing.
Any advice is appreciated.
Regards.
Try using http://jqueryui.com/demos/tabs/ and re-skin it hooking the classes you get for free.