colourised ascii

Aaaargh!! I need help! 

I've been colourising my ascii, and in the new browser I'm using it looks
fine. BUT when my fiancee tried the page on a real computer, in Netscape,
it showed up as a page of muddled ascii in proportional font.

I've had a look at the source code for some other colour pages, but you all
know how utterly useless I am at HTML, so as far as I could see I'm not
doing anything wrong. Pfft!  :)  Do I only have to use the pre tag, or is 
there another tag that I have to include to keep the colour AND the fixed 
font? 

Hmm.. I have the feeling I'm sounding more than just a little bit blonde!
:)

I really don't have a clue, and nor does Robbie. :-} The test page 
uploaded already at:

http://www.xs4all.nl/~klr/colour1.html

If anyone has the time or the inclination, could they possibly have a look
and see what gapingly obvious and stupid faults I'm making this time?! :-)
 
Thanks in advance.

*hugs*

Hayley 
--
         _     _          _     _          _     _
        (o\---/o)        (o\-~-/o)        (o\~~~/o)
         ( 6 6 )          ( , , )          ( 9 9 )
 ____,~~.(_(T)_),~~.__,--.{_(Y)_},--.__,--.(_(T)_),--.____
|    "--"       "--"  "--"       "--"  "~~"       "~~"    |
|Hayley J. Wakenshaw (flump AT quadrant DOT xs4all DOT nl)|
|   Flump's Ascii Collection: http://www.xs4all.nl/~klr   |   
|   _,-.    ,-._       _,-.    ,-._        _,-.    ,-._   |   
|__(ooO )__( Ooo)_____(ooO )__( Ooo)______(ooO )__( Ooo)__|  
   ((_) )  ( (_))     ((_) )  ( (_))      ((_) )  ( (_))
    "--"    "--"       "~~"    "~~"        "-~"    "~-"
    i liked things better when i didn't understand them. 
                    - Calvin & Hobbes

Related ASCII art in the Gallery

Explore these categories from our collection of 11,000+ artworks:

 __
 \  \     _ _
  \**\ ___\/ \
X*#####*+^^\_\
  o/\  \
     \__\

.------------.
|\\//\\//\\//|
|//\\//\\//\\|
|\\//\\//\\//|
|//\\//\\//\\|
'------------'

   _______
 /` _____ `\;,
/__(^===^)__\';,
  /  :::  \   ,;
 |   :::   | ,;'
 '._______.'`jgs

 _  _
(o)(o)--.
 \../ (  )hjw
 m\/m--m'`--.

  _  _
/` \/ `\_  _
\     /` \/ `\
 '.  .\      /
   \/  '.  .'
         \/jgs

 __ .  . __
(o.\ \/ /.o)
 \__\/\/__/
 /O /==\ O\
(;O/ \/ \O;)

Make your own ASCII art

Turn images, text or 3D into ASCII, or draw your own – right in your browser.