IE a img underline

see http://lax4mike.myftp.org:2580/css/imageUnderline.htm

i have these view links that have an icon that indicate that the link will open in a new window.

when viewed in FF, the anchor underline goes under the image, and in ie, the underline doesn't go under the image.

FF:
view [ ]

IE:
view [ ]


i've already tried
a img {
border: 0;
text-decoration: underline;
}



i either want it to look like it does in firefox, or look like this:
view [ ]
but i want the space between and the text and the picture to still be part of the link.

any ideas?

have you tried this?


<a href="#">view </a><img src="_blank.gif">


instead of this


<a href="#">view <img src="_blank.gif"></a>

well, i want the image to be part of the link too.

ok, if you are only using the word view, your best bet is too make a background image for the link. Make it to where the boxes will move past the word. Not sure if anyone has other suggestions, but thats all i can think of right now!

Your image has no interest being in the html (has it ?). You can attribute it as background-image and use the title to explain it's open in a new window (if it's the purpose). Something like this:

<a href="#" title="open in new window">view</a>

a {
color: #00c;
padding-right:15px;
background:url(_blank.gif) no-repeat center right
}

EDIT: Sorry, I've jumped over your answer jcdevelopment; this is what you've said ;)

no problem, you wrote the code out so its better!!

awesome, that did the trick!

view [ ]