Htmldog.com Tabs 4 problem

Hi, I want to achieve this tabs with border effect on my website.
http://www.htmldog.com/examples/tabs4.html
But when I apply the tecnique to my website it looks weird, what have I done wrong?

Markup
http://pastebin.com/BC7pYZSn

CSS
http://pastebin.com/WesC89e8

I go your html and css.

Cleary the design is similar in the area of tabs but not the same. Perhaps you could explain what you want to see.

The immediate thing I notice is that you have

<ul>
	<li id="selected"><a href="#"></a>Info</li>
	<li><a href="#"></a>Tech</li>
	<li><a href="#"></a>Legal</li>
	<li><a href="#"></a>About</li>
</ul>

which should be

<ul>
	<li id="selected"><a href="#">Info</a></li>
	<li><a href="#">Tech</a></li>
	<li><a href="#">Legal</a></li>
	<li><a href="#">About</a></li>
</ul>

… and that’s just the tip of the iceberg when it comes to code mistakes – or just plain bad code.

Is EVERY other heading a subsection of “tabs”? Don’t think so, so why is that a H1? Some sensible indentation wouldn’t hurt so your opening and closings might ACTUALLY line-up… your comment placement between elements is likely tripping IE rendering bugs, you are using meaningful names on elements so why the giant bandwidth chewing comments at the start of sections, and… what’s up with the h3’s that shouldn’t be headings, h4’s and h5’s that should be h2’s, multiple H1’s, and bold tags doing numbered heading tag’s job?

… and that’s before we talk the redundant phrase stuffed keywords meta with zero relevance to the content, the use of comments to do padding and float’s job, the pointless DIV around the topmost h1, etc, etc, etc…

Though honestly, by all appearances you don’t have enough content in the page to be worrying about making your layout via CSS yet.