Positions: fixed;

[Sikawtic]

I can't get my menu to hover where I want it to when viewed in IE (works in FF):

Style:
div.menu {
position: fixed;
margin: 0;
bottom: 10;
border: solid;
border-width: 1;
border-color: 555555;
background-color: transparent;
background-image: url(http://up.kupatrix.org/f/18/nightwish.png);
opacity: .80;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
padding: 10;
position: abosolute;
left: 10;
}
Code:
<div class="menu">
<table col="2" row="2">
<tr><td style="background-color: 000000; opacity: .80; filter: alpha(opacity=80); -moz-opacity: 0.8;">
<font style="opacity: 1.00; filter: alpha(opacity=100); -moz-opacity: 1.0;">"Wish I had an Angel" by Nightwish</font>
</td>
<td><embed allowScriptAccess="never" SRC="http://www.kupatrix.net/roa/wish.mp3" AUTOSTART=true LOOP=FALSE WIDTH=145 HEIGHT=16 ALIGN="CENTER">
</EMBED></td></tr>

<tr><td colspan="2" align= "center">
<marquee width="200px" behavior="alternate" scrollamount="5" style="background-color: 000000; opacity: .80; filter: alpha(opacity=80); -moz-opacity: 0.8;">
<font style="opacity: 1.00; filter: alpha(opacity=100); -moz-opacity: 1.0; color: ffffff; font-weight: bold;">Quick Comment</font></marquee>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment" "return lengthCheck(this);">
<input type="hidden" name="friendID" value="20769082">
<input type=hidden name=Mytoken value=20041116012729>
<textarea id="textarea" name="f_comments" style="width: 340px; height: 108px; color: 999999; font-size: 10pt; font-family: microsoft sans serif; background-color: 000000; border-color: 555555; border: solid; border-width: 1; padding: 5 0 5 8; opacity: .80; filter: alpha(opacity=80); -moz-opacity: 0.8;"></textarea>
<br>
<input type="submit" value="+" style="color: 999999; font-size: 10pt; font-family: microsoft sans serif; background-color: 000000; border-color: 555555; border: solid; border-width: 1; opacity: .80; filter: alpha(opacity=80); -moz-opacity: 0.8;">
<input type="reset" value="-" style="color: 999999; font-size: 10pt; font-family: microsoft sans serif; background-color: 000000; border-color: 555555; border: solid; border-width: 1; opacity: .80; filter: alpha(opacity=80); -moz-opacity: 0.8;">
</form><br>
<a href="http://www.myspace.com/index.cfm?fuseaction=user.viewComments&FriendID=20769082" class="redlink">View/Edit All of My Comments</a>
</td></tr></table>
</div>

In FF it appears in the lower right hand corner (where it should) but in IE it appears in it's normal spot on the page :S

[Modred]

position:fixed doesn't work in IE 6. You have to use Javascript to move the menu when scroll is detected. It's like what the WarBoards menu does.

[Sikawtic]

Thanks Modred

but...
myspace doesn't allow js :(:(:( (fer gay huh?)

But I'd like to know how it does it anyway... can you pinpint the menu code from the source? (I can't seem to find it... :()