Почему firefox и chrome по разному работают с css?
Потому что firefox и chrome используют разные движки рендеринга CSS  и по разному реализована спека CSS
В Firefox - Gecko
В Crome - WebKit
Попробуйте использовать префиксы
Уточните пожалуйста, не совсем понял. Подскажите как это сделать?