No hay que complicarse, tan simple como eso, la otra parte del codigo es irrelevante.
Pero si quieres lo pruebas aqui -->
http://www.w3schools.com/css/tryit.a...tion_relative2
abrete ese link con firefox y cambiale la posicion a % en lugar de pixeles.
GraX por Responder! Esta es la segunda vez que creo el tema y tu eres el primero

. Grax!