IE Rendering Problem

[jhtarheel84@gmail.com]

Hi Everyone,

I have been developing a site for a friend of mine using a JavaScript
slide show and have encountered some problems when viewing the site in
IE. The bottom margin of the slide show area expands when the 'next
image' button is clicked. The site works fine in FF. I just don't know
how to remedy this since it is an IE issue. I know very little about
how to handle multi-browser compatibility issues. Furthermore, I
cannot figure out for sure if the problem is in the CSS or JS. My JS
is much less proficient that my CSS so that may be where the problem
lies.

Also, there is a margin that appears below my bottom corners. I think
this is an IE bug but still don't know how to fix it.

Below is a link to the page. I figured it would be easiest to see the
code this way. Any help or advice anyone can give would be greatly
appreciated.

http://www.unc.edu/~hancockj/Jen/jseffects.htm

Thanks in advance!

[dorayme]

Re: IE Rendering Problem

In article
<750b3836-17b1-4fcf-a8dc-f6182f14e255@e3 9g2000hsf.googl egroups.com>,
jhtarheel84@gma il.com wrote:

Hi Everyone,
>
I have been developing a site for a friend of mine using a JavaScript
slide show and have encountered some problems when viewing the site in
IE. The bottom margin of the slide show area expands when the 'next
image' button is clicked. The site works fine in FF. I just don't know
how to remedy this since it is an IE issue. I know very little about
how to handle multi-browser compatibility issues. Furthermore, I
cannot figure out for sure if the problem is in the CSS or JS. My JS
is much less proficient that my CSS so that may be where the problem
lies.
>
Also, there is a margin that appears below my bottom corners. I think
this is an IE bug but still don't know how to fix it.
>
Below is a link to the page. I figured it would be easiest to see the
code this way. Any help or advice anyone can give would be greatly
appreciated.
>

http://www.unc.edu/~hancockj/Jen/jseffects.htm

>
Thanks in advance!

Suggest you remove all js for a moment and get the basics right. See
what happens when a user ups the text size.

Don't use

line-height: 20px; for

..menu ul li a, .menu ul li a:visited

(Don't use line-height at all unless you are sure what is what, it is a
tricky customer)

Don't use .8 em for body size font (it is too small), don't use pixels
as units (IE makes it hard for a user to change the text size for his
ease).

--
dorayme