During the development of a page, many times I will make a change in the html that is loaded in a floatbox. When I test it, it often appears NOT to reflect the changes that were made. To force the browser (IE10) to load new content, I have to result in using code like below:

  <a href="/about/board/natalie.html?v=1" class="floatbox" data-fb-options="width:600 caption:`Natalie Annis`"><img src="/images/board/NatalieHeadShot.jpg"></a>

Is there any way other than what I am doing to force floatbox to load the new content?
Below is a sample in development: Test Site. I have floatbox on the first persons image.

This is just browser cache management - nothing to do with Floatbox really. When the linked page's URL remains unchanged, the page has previously been fetched, and the server sends headers informing the browser that the page is cache-able, then the browser will serve its copy of that page from its local cache rather than fetching it across the network.

You can flush IE10's browser cache by pressing ctrl-shift-delete and deleting "Temporary internet files and website files" from that dialog. When I'm developing in IE10, I open the developer tools (F12) and pick "Cache/Always refresh from server", thereby temporarily disabling the local cache altogether.