OK , I was working this my random sidebar image rotator. It uses ajax component to get html codes to show random images and it automatically rotates the image in every defined seconds.

In order to show horizontal and vertical images in a same spaced area, I have assigned pre defined squre div element and make the ajax component to get html codes and set innetHTML property of this <div> element. The <img> element should be aligned in the center using calculated top and left CSS property.

So this is what I wanted to display (Normal) viewd with Firefox.

But when I tried with IE 7, I got below. It seems as if the <style> tag didn’t exist. The image was not aligned properly in the center.

Read the rest of this entry »