Form styling issue (easy?)

[mishimasan]

Hello there guys, this is probably an easy problem to fix...

I need to update a site:

http://muscle4hardgainers.com

In the top right there is a form, which displays correctly in all browsers (last time I checked) APART from those that use the Safari engine.

So, in Chrome, this form is totally displaced to the right.

How do I tame it? Is there a guide online for taming forms? If so let me at it!



Any response is greatly appreciated.

[Fang]

Remove position:relative; from #formcontainer

[mishimasan]

Still displaced fang

What do you think? It seems to me that no matter what I do with the container the form still wants to push itself off from the left margin some 30px or so...

[Fang]

Also remove width:200px; in #formcontainer

[mishimasan]

Very cool my friend, very cool.

The moneymagnets div was being pushed left about 50px in the safari engine browsers and I think this is what was causing the form to be pushed right once I removed the 200px width.

Both objects were floating right with only 10px padding separating them, so I ended up putting the moneymagnets object as absolute as a quick way around the issue. I have no idea why the 50 or so px was there.

Thanks for the help my friend.