Strange footer behaviour

Strange footer behaviour

Hello,
Please, be aware that I'm quite new to JQuery. :)
At the moment I'm working on a mobile website using ASP MVC 4 and I encounter a problem with the footer when I use a A href link to a new page.
Let me explain:
The first page is renderen without a Layout page, the second page has a layout page and adds a footer at the end of the page.
I start the first page ( http://localhost:51194/home/hoofdmenu) and that page uses a a href to navigate to the secons page:

<a href="/Home/Filiaal">

<img src ="/Content/App Images/duim.png" alt ="Direct bestellen" width ="50" height ="50"> <span class ="icon-label"> Direct bestellen </ span >
</a>
After clicking on the a href, the url bar shows me the following url: http://localhost:51194/home/hoofdmenu#/home/Filiaal and the wrong footer is shown.
This new url causes my footer not to render properly (it adds an extra line under the icons).
When I start my second page directly via: http://localhost:51194/home/Filiaal the page is rendered perfectly.
Anyone a clue?
Thanks,
Arnoud