CSS Div not showing properly in IE7

Hello. :)

Could anyone explain why the below css div would only show the top line in ie7?
Obviously im using 'hidden' visability,but i have an onmouseover event that shows it.

{width: 467px; height: 13px; visibility: hidden; border-style: dotted; border-color: #E10000; background-color: #333333;}

It works fine in all other browsers as far as im aware:confused:

Thanks.

I've tried running this style on a div in IE and it works. Do you have some more information that can help? Maybe upload it?

Thanks for the speedy reply...

The page i have used it on has a redirect that points to the main page as its in a frame.I shall edit this out just to show you the page.:thumbsup:

Here you go (http://www.website-online.co.uk/portfolio.htm)
Hovering over the portfolio links should show the div below where they are listed.

Ive only recently learned css while converting to xhtml transitional so it may be something simple that i have missed.

Thanks.:)

Is this working for users of IE7?

Cheers.

looks ok in IE7 and IE6, but firefox it goes to the far left.

Cheers for that:)

Could anyone manage a screen shot in firefox? or other browsers if it dosn't show properly...although it seems it does?

Also,how would i centralise it in firefox? Ive used align="center" in the source...Would using align:center in the css work?

Thanks again.
Neil.