Internet Explorer Bug?

I am developing a site and have got to a point where a bug has crept in
when viewing it in (you guessed it!) Internet Explorer.

Somehow, somewhere a 19pixel gap is appearing at the bottom of the main
content div (contentHolder). I don't even have a 19pixels measurement
anywhere.

Basically if I take the list away it works fine, if I remove all CSS
related to the list it breaks.

If I removed the main image (mainImg) it all works.

I am so stuck and fed up with this issue - somebody please help me!

Web page can be found at:
http://007.e-connected.com/curves_template.htm


Stylesheet is at: http://007.e-connected.com/curves_style.css

Thanks in advance.

thehuby (AT) gmail (DOT) com wrote:

Somehow, somewhere a 19pixel gap is appearing at the bottom of the main
content div (contentHolder).

To remove it simply add

#content ul {margin:0;}
#content li {margin:0;}
#tellFriend {border-bottom-width:1px;}

[you could also reduce border-top to 1px instead OR make the main image
1px higher if you still want the 2px border-bottom]


to the end of your CSS [or change the current CSS as described]

--
Brian O'Connor (ironcorona)

Brian - you are a superstar, thank you very much!