| 7:44 pm on Sep 24, 2013 (gmt 0)|
This should work:
<p>Explore the benefits of using</p>
<a style="color:black; font-size:22px; font-weight:bold;" class="fancybox-media" href="#">watch our video</a>
<img class="belowheaderelement" src="images/reportbutton.png" />
| 8:11 pm on Sep 24, 2013 (gmt 0)|
thanks, that worked but in IE 10 there are two scroll bars present on the right side of the image.
| 8:13 pm on Sep 24, 2013 (gmt 0)|
overflow:none removed the ie 10 scrollbars
| 8:24 pm on Sep 24, 2013 (gmt 0)|
"overflow: hidden" would also work on the container or parent div but I'm not sure what the size of the image is and it may produce undesirable results. If you used overflow: hidden, which would be typical in this case, you might have to mess with the div sizes of content-left and content-right
| 8:37 pm on Sep 24, 2013 (gmt 0)|
Quick note: using "overflow: none" is actually an invalid property and really isn't working as a container. You should probably add "overflow: hidden" and adjust the size of the content-right and content-left divs.
As an example if you added a div under "belowheaderwrap" it would appear behind it because "belowheaderwrap" has no height since it isn't containing anything.
| 9:40 pm on Sep 24, 2013 (gmt 0)|
got it, thank you...
| 7:05 pm on Sep 25, 2013 (gmt 0)|
Using a P tag vs the DIV for your text may achieve the intended result with less CSS.