CSS code affecting my whole web page

[goatslayer]

I can't see the problem from your markup but one approach I tend to use it that of classes. So for example:

<div class="generaltext">mytext</div>

In my CSS is can simply refer to:

div.generaltext { ... }

This strict method of keeping track of the HTML elements I'm using and how I've styled them helps me avoid accidentally modifying the styling for something inadvertently.