Lightbox2 RTL support

Thanks for a great module!

Here is a preliminary RTL version. Take a look here (my temporary site), and press on one of the thumbnails on the button of the screen.

Adding the following CSS to my theme does the trick, for Firefox:

#imageData #imageDetails {float: right; text-align: right; font-size: 14px}
#imageData #bottomNavZoom {
  float: left;
  left:0px;
  margin-left:-30px;
}
#imageData #bottomNavClose {
  position: relative;
  float: left;
  left:0px;
}

The 1st image shows how it looks in Firefox. Just great!

However - there are some IE issue - any ideas?

IE7 RTL issues

What really bothers me is how the 'Close' and 'Zoom' buttons behave in Internet Explorer. It seems like an IE bug - the close button go to the left, as in the second image, but when I hover above it, it's position suddenly becomes OK, as seen on the third image. The Zoom button doesn't show at all (I did manage to show it in erratic positions with some tweaks, but I don't remember what I did).

Removing underlines

Another issue which happens in the RTL version is underlines under image links. How to remove the red underline when I hover over the prev/next links? I tried the following (but it didn't help):

#prevLink:hover, #prevLink:visited:hover,  #nextLink:visited:hover, #nextLink:hover {
  text-decoration:none;
}

Looking at the javascript, I see that some of this is hardcoded into the javascript, to compensate for IE bugs. Should we put the decoration into the javascript too?

Thanks in advance,

Amnon

Note: This CSS should be really saved as a new file, lightbox-rtl.css, in the lightbox CSS directory (this is the new Drupal 6 RTL convention), but first let's track a bug.