Impossible d'utiliser CSS à partir d'une page

Bonjour,
j'ai développé une application web "mabib" en utilisant des pages JSP et Servlet. J'ai crée une page CSS dans webccontent : /styles/styles.css


Une partie de mon fichier web.xml

<servlet>
<description>Page accueil</description>
<servlet-name>Index</servlet-name>
<servlet-class>com.servlet.bib.Index</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>Index</servlet-name>
<url-pattern>/</url-pattern>
</servlet-mapping>

Ma servlet index fait un :
request.getRequestDispatcher("Index.jsp").forward(request, response);

et ma page JSP utilise le fichier : CSS
<link href="styles/styles.css" media="all" rel="stylesheet" type="text/css">

mais quand j'execute mon programme dans le navigateur :
http://localhost:8080/MA_BIB/ , le fichier CSS n'est pas utilisé :(
Meme si je fait l'appel CSS avec :
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/styles/styles.css" />

Par contre ça marche si je modifie le fichier web.xml en remplaçant :
<url-pattern>/</url-pattern>
par
<url-pattern>/index</url-pattern>

Mais la je suis obligé d'ajouter dans le navigateur le mot "index" :
http://localhost:8080/MA_BIB/index

-Comment je peux utiliser mon fichier CSS sans ajouter "index"
-Sinon, Comment faire pour dire au programme d'exécuter directement:
http://localhost:8080/MA_BIB/index

-Merci d'avance