Border Dotted IE

[lizfranco]

Hola Todos!

Quisiera mostrar en IE bordes punteados a un texto.

Código:

a.bordes {
             background-color: #ECECEE;
	font-weight:bold;
	border-top: 1px dotted #F2821E;
             border-bottom: 1px dotted #F2821E;
}
/*IE*/
*html a.bordes {
	border-top: none;
	background: #ECECEE url(/images/css_dotted.gif) repeat-x bottom;
}

HTML

Código HTML:

<a class="bordes" href="">link1</a> 

Pero en como para IE tengo que usar un fondo me lo pone abajo y yo lo quiero arriba y abajo para que me quede así mi menu:

..........
link1
..........
link2
..........
link3
..........

Hay alguna manera practica de lograr bordes punteados arriba y abajo en IE?

Gracias de antemano.
Liz

[kemie]

podrias estructurar tu html asi:

Código:

<div class="mislinks">
<a href="">link1</a>
<a href="">link2</a>
<a href="">link3</a>
<a href="">link4</a>
</div>

y el css:

Código:

.bordes a, .bordes a:visited {
        background-color: #ECECEE;
	font-weight:bold;
	border-top: 1px dotted #F2821E;
        border-bottom: 1px dotted #F2821E;
}
/*IE*/
*html bordes{
	background: #ECECEE url(/images/css_dotted.gif) repeat-x top;
}
*html bordes a {
	border-top: none;
	background: #ECECEE url(/images/css_dotted.gif) repeat-x bottom;
}

asi tienes el borde superior en tu div y los inferiores en los links (y te salvas de ponerle una clase a cada link)