url amigables

[valinol]

Debo decir que soy nuevo en esto del desarrollo web, pero siempre se me a dado bien aprender por mi cuenta, el caso es que tengo ya una web practicamente terminada, y he probado a ponerle las url amigables con htaccess, el codigo seria algo asi:

Código Apache:

RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-l
RewriteRule ^mapa mapa.php [NC]
RewriteRule ^seccion\/efemerides\/galeria/(.+)?$ galeria.php?efemerides=$1 [NC,L]
RewriteRule ^seccion\/hemeroteca\/galeria/(.+)?$ galeria.php?hemeroteca=$1 [NC,L]
RewriteRule ^seccion\/biblioteca\/galeria/(.+)?$ galeria.php?biblioteca=$1 [NC,L]
RewriteRule ^seccion\/testimonios\/galeria/(.+)?$ galeria.php?testimonios=$1 [NC,L]
RewriteRule ^seccion\/musica\/galeria/(.+)?$ galeria.php?musica=$1 [NC,L]
RewriteRule ^seccion\/pinacoteca\/galeria/(.+)?$ galeria.php?pinacoteca=$1 [NC,L]
RewriteRule ^seccion\/([a-z]+)\/([0-9]+)\/?$ seccion.php?pagina=$2&tipo=$1 [NC]
RewriteRule ^seccion\/([a-z]+)\/?$ seccion.php?tipo=$1 [NC]
RewriteRule ^programa\/([0-9]+)\/?$ detalle.php?programa=$1 [NC]
 

No se si exagerado.. jeje
En cada pagina tengo esto:

Código HTML:

<base href="/" />
 

Esto es mas dificil de explicar ahora, el caso es que la web funcionan todos los enlaces bien, pero si pulso con el boton derecho y recorro el codigo de la pagina y voy pulsando enlaces estos se van acumulando por asi decirlo, por ejemplo tengo este indice:

Código HTML:

<li><a  href=".">INICIO</a></li>
<li><a href="seccion/programas">PROGRAMAS</a></li>
<li><a href="seccion/efemerides">EFEMERIDES</a></li> 
<li><a href="seccion/biblioteca">BIBLIOTECA</a></li>
 

Si desde el codigo fuente voy pulsandolos se van acumulando al estilo la primera vez va a pagina/seccion/programas la segunda vez que pulso uno va a pagina/seccion/seccion/efemerides y asi...

No se si me explicado bien porque todo esto es un poco de nuevas para mi, alguien puede ayudarme?

He intentando solucionoar el problema poniendo enlaces mas absolutos

Código HTML:

<li><a href="/">INICIO</a></li>
<li><a href="/seccion/programas">PROGRAMAS</a></li>
<li><a href="/seccion/efemerides">EFEMERIDES</a></li>
<li><a href="/seccion/biblioteca">BIBLIOTECA</a></li>
 

Pero al ir navegando por el codigo fuente esos enlaces vuelven aparecer como relativos no enteindo porque:

Código HTML:

<li><a href=".">INICIO</a></li>
<li><a href="seccion/programas">PROGRAMAS</a></li>
<li><a href="seccion/efemerides">EFEMERIDES</a></li>
<li><a href="seccion/biblioteca">BIBLIOTECA</a></li>