I'm struggling to float text upon relevant areas of a background image. The CSS tutorial has been extremely helpful, and I think I'm going about things the right way by using a combination of CSS and HTML. Trouble is, it's not always behaving the way I'd like.
Specifically, I'd like 'navigation' to float over the display of tablet (as drawn in background image), 'navigation2' to float over the display of phone (in background image), and 'content' to occupy screen of laptop (in background image).
Thanks in advance.
CSS as currently drafted:
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
The blog I need help with is brinded.wordpress.com.