positioning - CSS help to overloap top section on bottom section -


i creating tab layout , need #tab1 container overlap #tabheader container. here code have far:

<div id="tabscontainer">   <div id="tab1" style="height: 25px;font-family:'trebuchet ms', arial, helvetica, sans-serif; font-size:14px; float:left; padding-left: 4px; position: relative;">     <div style="float:left; background:url(css/tabs/images/tab_selected_left.png) no-repeat;  height:25px; width: 6px; "></div>     <div style="float:left; background:url(css/tabs/images/tab_selected_content.png) repeat-x; height:25px; text-align: center; padding-left: 5px; padding-right: 5px; padding-top: 4px; ">home</div>     <div style="float:left; background:url(css/tabs/images/tab_selected_right.png) no-repeat;  height:25px; width: 8px; "></div>   </div>   <div id="tabheader" style="width: 100%; border-top: #8db2e3 solid 1px; clear:both; height:2px;margin-top: -12px;"></div> </div> 

so need have tab1 sit 1px ontop of tabheader section. other tabs create same. tried few things, stink @ css positioning. appreciated!

is you're looking for: http://jsfiddle.net/gfnve/

also, use stylesheets :)


Comments

Popular posts from this blog

apache - Add omitted ? to URLs -

redirect - bbPress Forum - rewrite to wwww.mysite prohibits login -

php - How can I stop spam on my custom forum/blog? -