Error when building a test site and new template on server

[kitcorsa]

Right I have a problem...

I am upgrading from 1.3.7 to 1.5.1, while doing the upgrade im going to give my site a whole new look and feel with a new template im making...

so to do this i have created a new folder called 151,created new database, installed 151 and ran the upgrade on the database, copied over the images from 137 and my running template all fine. 151 is running on the site at www.mysite.com/151 spot on (appart from all the plugins etc i need to now buy again and upgrade etc)

so Now ive started o change my CSS and php files of the template to create a new template. Uploaded to new 151 on the server and refreshed and no changes to the CSS. Checking the page source it shows the following

<base ref="http://www.mysite.co.uk/151/" />
<link rel="stylesheet" type="text/css" media="handheld" href="includes/templates/mytemplate/css/handheld_style.css" />
<link rel="stylesheet" type="text/css" media="print" href="includes/templates/mytemplate/css/print_stylesheet.css" />
<link rel="stylesheet" type="text/css" href="/includes/templates/mytemplate/css/stylesheet.css" />
<link rel="stylesheet" type="text/css" href="/includes/templates/mytemplate/css/stylesheet_header_menu.css" />
<script type="text/javascript" src="/includes/templates/mytemplate/jscript/jscript_imagehover.js"></script>
<script type="text/javascript" src="includes/templates/mytemplate/jscript/jquery.js"></script>
<script type="text/javascript" src="includes/templates/mytemplate/jscript/instantSearch.js"></script>
<link rel="stylesheet" type="text/css" href="includes/templates/mytemplate/css/instantSearch.css" />

problem is when I click the stylesheet.css its loading the style sheet on the base not 151 folder.

Noticed the other handheld style sheets etc load from the new 151 location but the main css doesn't. Noticed that these have a / at the start in the above code which is the issue.... how do i remove then??