I.E. 7 is killing me. Looking for help

My hidden dropdown is cut in half

[tonynoriega]

<domain removed> is my site. Near the bottom i have the "More information" links that give an overview of what our company offers...in IE6 you can see the entire page of informatino just fine.

In IE7, it gets cut off right in the middle of the second paragarph....does anyone know why? Here is the .js file that is called via DIV tags with simple expand and collapse...thanks all..

//Defines Balloon Attributes
<!--

function Is ()
{ // convert all characters to lowercase to simplify testing
var agt=navigator.userAgent.toLowerCase()

// *** BROWSER VERSION ***
this.major = parseInt(navigator.appVersion)

this.nav = ((agt.indexOf('mozilla')!=-1) && ((agt.indexOf('spoofer')==-1)
&& (agt.indexOf('compatible') == -1)))
this.nav4 = (this.nav && (this.major == 4))
this.nav4up = this.nav && (this.major >= 4)

this.ie = (agt.indexOf("msie")!= -1)
this.ie4 = (this.ie && (this.major == 4))
this.ie4up = this.ie && (this.major >= 4)
}
var is = new Is();

function maketheBalloon(id, width, message)
{
var theString = '<STYLE TYPE="text/css">#'+id+'{width:'+width+';}</STYLE>';
theString+='<DIV CLASS="balloon" id="'+id+'">'+message+'</DIV>';
document.write(theString);
}

function makeItVisible(id, event)
{

if (is.nav4up) {
document.layers[id].left = event.pageX + 10;
document.layers[id].top = event.pageY + 10;;
document.layers[id].visibility="show";
}
else {
document.all[id].style.pixelLeft = (document.body.scrollLeft +event.clientX) + 10;
document.all[id].style.pixelTop = (document.body.scrollTop + event.clientY) + 10;
document.all[id].style.visibility="visible";
}

}

function hideHelp(id)
{
is.nav4up? document.layers[id].visibility="hide" : document.all[id].style.visibility="hidden";
}
function toggle(obj)
{
document.getElementById(obj).className = (document.getElementById(obj).className=='open')? 'collapse' : 'open';
}

<Sorry, no personal domains.
See Forum Charter [webmasterworld.com]>

[edited by: tedster at 7:59 pm (utc) on Sep. 21, 2006]

[SuzyUK]

I think it would help more if you could post the generated source, or an example which emits the same behaviour - and also tell us how does it look it other, non-IE, browsers.

"Cut off" in IE7 suggests a height restriction which previous IE's would've ignored, but wiothout more information about the rest of the page layout it's hard to tell

Suzy

[tonynoriega]

Here is the "footer.asp" file which holds the "More Information" link. It is on my home page.

<table width="794" border="0" cellspacing="1" cellpadding="1">
<tr>
<td>&copy; 2006 Company Name Inc.<br> Use of this site indicates your acceptance of its <a href="/services/terms.asp" class="link">terms</a>.&nbsp;
</td>
<td align="right"><a href="#balloon" class="link" onClick="toggle('changeme');">More Information </a>
</td>
</tr>
</table>

then below that i have "balloon.asp" to expand under the tables. Balloon.asp is just a bunch of text.

you saw the .js file, and i think that is it.. it is a simple technique i have used before...NOW..on that conmfig.js file, i address several different browsers...do you think that might have something to do with it? i dont have a function for IE7 in there..?

[edited by: encyclo at 3:33 pm (utc) on Sep. 25, 2006]
[edit reason] examplified, see above [/edit]