Help Please With Ie Inconsistencies Etc. Website assistance / error proofing request.

[Animator 0]

I'd like some help please with a website I've been making for someone.

The site is basically done, but there are a few glitches: http://guinevera.com/

On the Company >> contact details page (http://forums.xisto.com/no_longer_exists/) I have used CSS to make an illustration go at the bottom right of the screen. The problem is, as browser size gets smaller, the image overlaps the text. I would like the text to overlap the image instead. How can I do this?

Also, while the site looks fine in Firefox, Safari, Opera etc, when it comes to Internet Explorer, the page expands larget than the screen. It's all laid out on a big table of height 100%. for some reason, IE has a different idea of the 100% height. How can I make the table behave for all browsers?

Thanks in advance to anyone who can assist.

[truefusion 3]

On the Company >> contact details page (http://forums.xisto.com/no_longer_exists/) I have used CSS to make an illustration go at the bottom right of the screen. The problem is, as browser size gets smaller, the image overlaps the text. I would like the text to overlap the image instead. How can I do this?

Use a background image and align it bottom right instead of it being an element itself, if possible.

Also, while the site looks fine in Firefox, Safari, Opera etc, when it comes to Internet Explorer, the page expands larget than the screen. It's all laid out on a big table of height 100%. for some reason, IE has a different idea of the 100% height. How can I make the table behave for all browsers?

Internet Explorer is too unstable for me to test out the page (since i'm using Linux), so maybe someone else can help you out there. The JavaScript you're using for the menus, though, is affecting Konqueror in a really bad way. Edited February 24, 2009 by truefusion (see edit history)

[Animator 0]

Thanks for the suggestions. How do I align a background image?

It would be great to have things working for every browser of course, though in the case of Konqueror, I based my JavaScript off a CSS menu my friend wanted to use from http://forums.xisto.com/no_longer_exists/, which is supposed to be fairly compatable with what most visitors would be using (IE, Firefox, Opera, Safari). The original code is fairly cross browser but fails Konqueror, and I think the lady I've set this up for would want me to keep the effect as long as things work for IE, Firefox and Safari.

[Animator 0]

Okay - I made the contact page image into a background. The solution was to add a style to the <TD> tag...

<td style="height: 100%; background-color: rgb(204, 204, 204); vertical-align: top; background-image: url(img/contact.jpg); background-position: right bottom; background-repeat: no-repeat;" colspan="2" rowspan="2">

I'm fairly confident it's a cross-browser friendly snippet.