OK, here's my actual CSS:-
body { margin: 5% 5% 5% 5% }
.indexlist { }
.footer { align: center; font-size: large; font-style: italic; }
img.picleft { margin-right: 5%; }
.wp p { margin-top: 5%; margin-bottom: 5%; font-size: large; text-align: center; }
... and here's the bit of HTML that uses the "wp" class:-
<div class="wp"> <p>Are you thinking about what you want to do in the future?</p> <p>Are you struggling to make a difficult decision?</p> <p>Are you really busy and havent got time to decide what to do?</p> <p><a href="./courses.html">Time to Decide</a> is a unique program to enable you to make decisions about your future.</p> </div>
Now this gives me 5% margins above and below my paragraphs, however if I remove that 'p' from the ".wp p" in the CSS file then the wider margins disappear. This is using firefox 2.0.0.3 on Linux. It does the same in IE7 on Windows XP too.
I'm quite willing to be told I've done something silly somewhere but, at the moment, I can't see it.