MySpace CSS coding goes weird when viewed at Internet Explorer how to fix it??

Hello,

I just modified my MySpace layout in FireFox with some pictures that hanging at fix position in my layout. After all that coding, I went to check my layout in FireFox and it look just the way I want it but after that, I check my layout in Internet Explorer, all the pictures goes weird like it didn't do it's job. For example:

I wanted my picture at the left corner of my web page then I go encode some codes.

After finishing all those coding, I went check my web page if anything goes wrong.

I go check it at FireFox first and it looks just like I wanted which, the picture is at the left corner of the web page.

Then I go check at IE and the picture isn't at the left corner of the page but it's at the middle of the page.

Help?

Here is the code that I did:

%26lt;style%26gt;

.msimage {position:fixed; right:10%; margin-right:-45px; top:0px;}

%26lt;/style%26gt;

%26lt;div class="msimage"%26gt;

%26lt;img src="http ://www.xxxx.com/xxx.gif" width="300" height="600"%26gt;%26lt;/div%26gt;

The link picture that I put is just for example.

MySpace CSS coding goes weird when viewed at Internet Explorer how to fix it??

Everyone that makes web pages hates Microsoft and Internet Explorer. Basically IE just doesn't do a lot of things properly so there isn't an easy way to fix it.

Here's one thing that you may want to try. Whatever the parent element of your %26lt;div class="msimage"%26gt; is, put style="position: relative" in the tag.

Something like this.

%26lt;style%26gt;

.msimage {position:fixed; right:10%; margin-right:-45px; top:0px;}

%26lt;/style%26gt;

%26lt;div style="position: relative"%26gt;

%26lt;div class="msimage"%26gt;

%26lt;img src="http ://www.xxxx.com/xxx.gif" width="300" height="600"%26gt;

%26lt;/div%26gt;

%26lt;/div%26gt;

There are some rather stupid technical reasons that that may work. They're not really worth getting into. Just give it a try and see what it does.