Ciao a tutti!
Sto facendo una pagian con tabs. Questo sono riuscita a farlo , solo che voglio che uno dei tabs sia selezionato al caricare la pagina, come faccio?

il mio CSS e:
#navegacion{
position:absolute;
left:135px;
top:110px;
width:865px;
background:transparent;
height: 16px;
padding: 0 0 0 0;
}



ul.navigation {
list-style:none;
padding:0;
margin:0
}

.navigation li {
float:left;
margin:0;
padding:0
}

.navigation a, .navigation a:visited {
color: #810b0d;
background: #d9a997 url(images/left-tab.gif) left top no-repeat ;
font-weight:bold;
padding-left: 10px;
text-decoration:none
}

ul.navigation a, ul.navigation span {
display:block;
float:left
}

/* Hide from IE5-Mac \*/
ul.navigation a, ul.navigation span {
float:none
}
/* End IE5-Mac hide */

.navigation a span, .navigation a:visited span {
background: url(images/right-tab.gif) right top no-repeat;
padding-right: 10px
}


.navigation a:hover, .navigation a:active, .navigation a:focus {
color:#810b0d;
background:#ffffff url(images/left-tab-hover.gif) left top no-repeat;
font-weight:bold;
padding-left:10px
}

.navigation a:hover span, .navigation a:active span, .navigation a:focus span {
background:url(images/right-tab-hover.gif) right top no-repeat;
padding-right:10px
}


La mia lista è:
<div id="navegacion">
<ul class="navigation">[*]<span>Home</span>[*]<span>Services</span>[*]<span>Take a tour</span>[*]<span>About us</span>[*]<span>Contact us</span>[/list]


Grazie in anticipo