I just made this website.. pinnedlove.com

Basically users buy "love messages" and they are placed on the homepage but I have a problem. Right now I have 1 message uploaded to the site right now with 1 picture.

In firefox the picture is rotated and placed correctly but in IE I have a very weird problem..

I goto the website and the picture is rotated but not in the right place. When I refresh the page I get the same problem BUT when I press enter click "go" again not refresh then the picture goes normal like in firefox.

I do not see any problems in IE7/IE8 except in IE7 I get a horizontal scrollbar (it's a CSS problem)

Checked with IE6 and even it doesn't seem to have the problem you're referring to

You're using css transforms - IE doesn't support that CSS3 feature.
In addition, IE7 has issues with positioning, so you're going to need conditional comments and a separate css file to hold the 'fixes' needed to make things display as you want them to in IE.

For some reason it isnt doing it anymore =/ and yea I know about the CSS3 transforms property but I am using cssSandpaper and its working fine.

Hi,
In your div MainContainer
this is your code
bottom:100px;
float:left;
height:100%;
left:220px;
margin-right:300px;
padding-right:0;
position:absolute;
top:0;
width:96%;


make the last width 96% to 50% this make your scroll to disappear i have bolded where to make the change

Originally Posted by maheshadodis

Hi,
In your div MainContainer
this is your code
bottom:100px;
float:left;
height:100%;
left:220px;
margin-right:300px;
padding-right:0;
position:absolute;
top:0;
width:96%;


make the last width 96% to 50% this make your scroll to disappear i have bolded where to make the change

thank you very much =)