css - Position:Absolute in a TD different for IE and Chrome -

css - Position:Absolute in a TD different for IE and Chrome -

basically, in td, have writing "viewing orders" in span. before span, have image in span , after span have image in span. 3 spans lined in row, within td:

<span id=\"test_float\"><img src=\"green_check.png\">&nbsp=&nbspcompleted</span><span id=\"test_float_3\" class=\"font24\">viewing ".$user_first_name."'s orders</span><span id=\"test_float_2\"><img src=\"green_edit_pencil_small.jpg\">&nbsp=&nbspedit</span>

css:

#test_float { position: absolute; margin-left: 50px; margin-top: 15px; } #test_float_2 { position: absolute; margin-left: 90px; margin-top: 15px; } #test_float_3 { position: relative; }

in ie looks great. in chrome doesn't work. i've narrowed downwards position:absolute. in ie puts first span "test_float" in top left corner of td. in chrome puts in top left corner of middle span "test_float_3" of td (so sits on top of word "viewing")

in chrome, if remove "positon:absolute" goes in ie "position:absolute" code, pushes middle span on little , makes crap.

now, know can prepare making 1 td 3 td's , having each span in own td hoping there prepare "position:absolute" difference in ie , chrome can larn why happening.

usually things work in chrome , not ie, weird backwards 1 thing. span on right same thing both browsers, goes top left corner after middle span , adjusts css code.

try this. http://necolas.github.io/normalize.css/ maybe browser doing tricks cant expect work same. need reset css before working css ideally.

css