Background image not showing

the panels(tabs) showing same background image(images/uk.gif). want have different background image each div. tried different
image putting background image on dhtmlgoodies_itab class , changed class on 1 of divs dhtmlgoodies_itab didn´t work right. greatful if tell me how working. thank you.

url: http://216.219.94.105/index3.html

divs:
<div id=dhtmlgoodies_tabview1>
<div class=dhtmlgoodies_atab>first tab</div>
<div class=dhtmlgoodies_atab>second tab</div>
<div class=dhtmlgoodies_atab>third tab</div>
<div class=dhtmlgoodies_atab>fouth tab<br>
</div></div>


css:
.dhtmlgoodies_tabpane {
border-bottom: #e5e5e5 1px solid; height: 21px
}
.dhtmlgoodies_atab {
border-right: #e5e5e5 1px solid; padding-right: 5px; padding-left: 5px; padding-bottom: 5px; border-left: #e5e5e5 1px solid; padding-top: 5px; border-bottom: #e5e5e5 1px solid; font-family: trebuchet ms, lucida sans unicode, arial, sans-serif; background-image: url(../images/uk.gif); background-repeat: no-repeat
}

.dhtmlgoodies_itab {
border-right: #e5e5e5 1px solid; padding-right: 5px; padding-left: 5px; padding-bottom: 5px; border-left: #e5e5e5 1px solid; padding-top: 5px; border-bottom: #e5e5e5 1px solid; font-family: trebuchet ms, lucida sans unicode, arial, sans-serif; background-image: url(../images/worldmap.gif); background-repeat: no-repeat
}
.dhtmlgoodies_tabpane div {
background-position: left bottom; padding-left: 3px; float: left; margin-left: 0px; vertical-align: middle; cursor: pointer; bottom: -1px; margin-right: 0px; background-repeat: no-repeat; position: relative; height: 90%
}
.dhtmlgoodies_tabpane .tabactive {
z-index: 10; background-image: url(../images/tab_left_active.gif); margin-left: 0px; margin-right: 0px
}
.dhtmlgoodies_tabpane .tabinactive {
z-index: 1; background-image: url(../images/tab_left_inactive.gif); margin-left: 0px; margin-right: 0px
}
.dhtmlgoodies_tabpane .inactivetabover {
background-image: url(../images/tab_left_over.gif); margin-left: 0px; margin-right: 0px
}
.dhtmlgoodies_tabpane span {
padding-right: 3px; padding-left: 3px; font-size: 11px; float: left; vertical-align: top; line-height: 21px; font-family: arial
}
.dhtmlgoodies_tabpane .tabactive span {
padding-bottom: 1px; line-height: 20px
}
.dhtmlgoodies_tabpane img {
float: left

More discussions in Dreamweaver support forum

adobe