My wordpress page displays with elements covering one another only in Firefox. Chrome and IE are fine if IE is switched to compatibility mode
I am working on a Wordpress page, theme developed by a custom developer (not me). When we view the page in Chrome and IE it is fine - although we had to modify compatibility settings in IE to get it to look right. In Firefox, we are having the same problem we had in IE before the fix - the boxes in the body of the page are laying under the sidebar items. The page was laid out as a table to allow elements to align properly.
http://www.whoholdsthecardsnow.com/coaching-2/ is the page we are having problems with. The other pages load fine, so I am assuming that it is the table layout that is causing the problem.
I don't see any way to attach documents so I can't show you what it is doing for me.
Help please!
Alla svar (1)
Adding width:100%; to that image seems to work. max-width: 100%; doesn't seem to work in Firefox.
<img class="alignleft size-large wp-image-503" width="1024" height="680" alt="coachingtop" src="http://www.whoholdsthecardsnow.com/wp-content/uploads/2014/07/coachingtop-1024x680.png" style="width: 100%;">