ahora veo donde esta tu problema, cuando dices
active no te refieres a la pseudo-clase
:active. si lo hubieras aclarado desde un principio no nos hubieramos enredado tanto. el tutorial se refiere a
active en el sentido del documento actual que el usuario esta viendo.
aplicado a tu caso, es bastante sencillo, lo que tienes que hacer es copiar tal cual tienes el selector :hover con sus propiedades css. eliminas la pseudo-clase :hover, y al principio del selector le añades el ID de body. de modo que te queda asi,
Código:
#home ul#topnav a{ /* sin pseudo-clase :hover */
background-position: left 40px; /* mismas propiedad que :hover */
}