Question

I have a div having two buttons inside it as |Add| and |Cancel|. I didnt set any width to that div intially and as a result they were displayed vertically not in horizontal.then i add width in % to 11.5%.now the display is ok in moz but not in chrome and ie.i cant use pixels neither in height nor width.problem explanied by example

---

|_______| // a textbox

|Add| //initially with no width
|Cancel|

//after width to 11.5% in moz

---

|_______|

 |Add| |Cancel|

//after width to 11.5% in chrome and ie

---

|_______|

|Add| |Cancel|

so u can see that in moz it is aligned to the above textbox but not in ie and chrome.hope sum ie hack or chrome hack may lead to correct result..or ONLY a MOZ hack..

Answer 1

It is probably because by default, if left to their own will, different browsers render things differently.

You should use CSS resets so the default behavior of most browsers will be the same.

Have a look here