Ok, so this is driving me nuts, because I can't see why it's happening.
Simple code:
<html>
<head>
<meta name='author' content='TonyG' />
<meta name='description' content='' />
<meta name='keywords' content='' />
<title></title>
<link rel='stylesheet' type='text/css' href='css/style.css' media='all'/>
<link rel='shortcut icon' href='favicon.ico'>
</head>
<body><div class='container'>
<div class='header'></div>
<div class='content'>
<div class='navi'>
<ul class='item'>
<li><a href=''>Birthday</a></li>
<li><a href=''>New Baby</a></li>
<li><a href=''>Anniversary</a></li>
<li><a href=''>Wedding</a></li>
<li><a href=''>Driving Test</a></li>
<li><a href=''>Moving</a></li>
<li><a href=''>New Job</a></li>
<li><a href=''>Retirement</a></li>
<li><a href=''>Good Luck</a></li>
<li><a href=''>Engagement</a></li>
</ul>
</div>
</div>
</div>
<?php
include('php/footer.php');
?>
</body>
</html>
Now if I replace the unordered list with an include of the same list,
i.e
<?php
include('nav.html');
?>
I get this strange symbol above it

when I run it in xampp
It only happens on the one include, not on the footer one, Any clues?