£ sign appearing as a square box

Probably going to seem really dumb here but I have a webpage linked to a css stylesheet and when a £ character is written in the page it appears as a small square box when viewed in the browser . can anyone shed some light please

The start of the page is

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
<html xmlns=“http://www.w3.org/1999/xhtml” xml:lang=“en” lang=“en”>

<meta http-equiv=“content-type” content=“text/html; charset=utf-8” />
<link href=“style.css” rel=“stylesheet” type=“text/css”/>

The font declaration in the css is

font-family: verdana, helvetica,arial,sans-serif;

thanks for your help guys the £ works fine
much appreciated I hope you both enjoy whats left of the weekend

What character encoding is the page using and what font is it set to use where the £ sign is meant to be displayed?

As Ralph said try using £ - I have never had a problem when using that.

Well, if you are really using utf-8, there shouldn’t be a problem, but you can’t necessarily tell from your page header. You need to find out what encoding your server is sending the page as. You can do that by going to View > Character encoding in Firefox, or View > Developer Tools > Page Info in Opera.

However, another way to get around this is just to use the pound sign’s entity reference in place of the pound symbol:


That will appear as a pound sign in your browser.

Its hardcoded into the page … typed not pasted …and its driving me nuts lol

Do you copy and paste the £ sign or do you enter it hard. In some cases copying characters from word like programs gives strange characters. When on the other hand you use notepad to copy and paste in most of the cases the problem is solved.