Improve avatar alignment to centre better with relation to the caret

The avatar was not staying well centred over the caret, and wouldn't move vertically when the caret grew to match the text size. The easiest way to ensure these stay properly aligned is to wrap both inside a sub-container.

In addition, all avatar rules have been migrated from editor.css into webodf.css. Each css file contained some of the rules required for the avatar display. There are enough stylistic elements in webodf.css the avatars look strange if the editor.css rules are not present.

# Before
![screen shot 2014-05-08 at 2 50 49 pm](https://cloud.githubusercontent.com/assets/1052079/2912144/aec404ce-d671-11e3-89f2-9d699dd9c7c7.png)
![screen shot 2014-05-08 at 2 50 55 pm](https://cloud.githubusercontent.com/assets/1052079/2912145/aff61b70-d671-11e3-9ef9-220494c058e2.png)
# After
![screen shot 2014-05-08 at 3 29 19 pm](https://cloud.githubusercontent.com/assets/1052079/2912149/c6e5c772-d671-11e3-981f-2c01214902d3.png)
![screen shot 2014-05-08 at 3 29 25 pm](https://cloud.githubusercontent.com/assets/1052079/2912150/c89e7352-d671-11e3-8295-24162753ae8f.png)