Span and Display. Please, help me in solving this.

Hello,

I am working with ASP.NET and one of its controls render as follows:
<span class="Collapse" onclick="ExpandCollapse(this)">
&nbsp;
</span>
<span class="ClickableNonLink"
onclick="ExpandCollapse(this.parentNode.getElement sByTagName('span')
[0])">
This Section
</span>

I want to make the first span disappear and the second to expand 100%
width.
I have no control over the HTML code which is rendered.

So I created the following CSS:
span.Collapse {display: none}
span.ClickableNonLink {display: block}

It works fine in Firefox but in IE7 I get an empty row over the Span
with class "ClickableNonLink".

I have no idea of how to solve this.

Does anyone knows how to solve this?

Thank You Very Much,
Miguel

On 8 Nov, 22:45, shapper <mdmo... (AT) gmail (DOT) com> wrote:

I am working with ASP.NET and one of its controls render as follows:

I have no control over the HTML code which is rendered.

Switch server-side coding platform to one that allows you to control
the output it creates.

Life's too short to waste it working around Microsoftoft's screw-ups. Find a
tool that _works_ for you, not one that fights you.