Code for 3d css tabs doesn't work please help

Hello All,

The following code has some css styles for tabs and I created also images to make the tabs 3d I also used asp code and a line of javascript.

I don't know where the problem is. Maybe in my styles?

Any help would be greatly appreciated.

The output of this code is that the central images of the tabs are stacked one on top of the other instead of the tabs positioned next to each other nicely.

Code and styles:

#everything {
padding: 0px;
margin: 5px;
height: 100%;
min-height: 800px;
width: 975px;
}

#navTabs {
margin: 0px;
width: 100%;
background: url("top.png") no-repeat top;
height: 132px;
vertical-align: top;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

.tabl {
position: absolute;
height: 132px;
width: 33px;
left: 0px;
top: 0px;
display:inline;
}

.tabr {
position: absolute;
height: 132px;
width: 26px;
right: 0px;
top: 0px;
display:inline;
}

.tabon, .taboff {
position: relative;
height: 132px;
cursor: hand;
display: inline;
}

.tabon {
background-image: url("on_m.png");
}

.taboff {
background-image: url("off_m.png");
}

.tabItem {
position:absolute;
height: 132px;
left: 33px;
top: 40px;
display: inline;
}

#actionPanel {
width: 100%;
height: 70%;
padding: 10px;

background: url("mid.png");
background-repeat: repeat-y;
}

#btm {
height: 57px;
background: url("bottom.png");
}

dim arTabs( 5 )
arTabs( 0 ) = "home"
arTabs( 1 ) = "events"
arTabs( 2 ) = "news"
arTabs( 3 ) = "photos"
arTabs( 4 ) = "users"
arTabs( 5 ) = "admin"

dim theClass, thisPage
 
thisPage = Request.ServerVariables("SCRIPT_NAME")
thisPage = replace( right( thisPage, len( thisPage ) - inStrRev( thisPage, "/" ) ), ".asp", "" )
 
for i = 0 to uBound(arTabs)
 
if thisPage = arTabs(i) or left( thisPage, len( arTabs(i) ) ) = arTabs(i) then
    theClass = "on"
  else
    theClass = "off"
end if
 
response.Write("<div class=""tab" & theClass & """ onclick=""javascript:window.location='" & arTabs(i) & ".asp'"">")
 
Response.Write("<div class=""tabl""><img src=""" & theClass & "_l.png"" /></div>")
 
Response.Write("<div class=""tabItem""><img src=""" & arTabs(i) & ".png"" align=""absmiddle"" />")
 
Response.Write("</div>")
 
Response.Write("<div class=""tabr""><img src=""" & theClass & "_r.png"" /></div></div>") 
next

Many thanks,

Nikos