[-]<That much away from blowing my brains out.. help!

[ag3nt42]

Ok, well

So I've been working at this for about 2 hrs now and i'm literally [-] that close to just ending it..

I kno how everyone loves FF and hates IE but I'm telling you right now..

FF BLOWS DONKEY NUTZ


using FF3 and IE7..

I can get everything to work perfectly in IE

but FF on the other hand is choosing to be lil [orange juice] guzzling [monkey]..

This should be the simplest frikin thing in the world to do.. but its not..

I have a logout link on my page that is at the top left corner of my pages...

because of it being inside my container and my container background having a needed margin.. the link sticks out over the edge..

now you would think that you could just say

position:relative;
top:100px;
left:50px;

and it would be all gravy right????

HELL NO! its not.. yea sure it moves the text down there..

but then chooses to leave the clickably in the original location

HOW THE FLYING !@#$ does that happen?

heres the code:

<table width='100%' class='left'>
				<tr>
					<td><h4><a style='position:relative;top:25px;left:50px;' href='?L=logout' />Logout [ ".$_SESSION['User']." ]</a></h4></td>
				</tr>
			</table>

(this is being echoed from PHP hence the SESSION variable)

IE7:

looks how it should and is clickable

FF3:

looks like crap and is clickable..

if i move the FF3 to the same position as in IE7 then the link becomes UNCLICKABLE

[ag3nt42]

well seeing as i'm not going to get any help with this cuz there is 1 person online.. and amillion guests not doing anything...

i ended up getting her to work by adding line breaks under neath it..

FF3 has a bug with this for sure..

[DesignerRicky]

I would have helped.
But you seem to have a solution.

[C.Whyte]

Intense! Glad you figured it out.

[Boogle]

Agent, you must research the box model. You have set the position of something with a relative positioning. That is not too sensible for cross-browser compatability.

The Box Model Theory

You see, what you should have done is give the <h4> a class with margins of it's own since it's already in a container.

If you wish to set the position of something by using top/left etc then don't expect too good a result for cross-browser.

HTH's

Boog's