Xhtmlcss noob yo kid answer this!

Okay, the html document has these elements:
    <p> This is a paragraph </p>
    <p id="dinosaur">This is a paragraph with a dinosaur.</p>


And the css file contains these properties:
    p {border-style:dotted;}
    p#dinosaur {border-style:solid; border-color:green}

Why does the second paragraph have a dotted border but is green?

My guess would be that the browser implementation is incorrect. I really don't know if this is a bug or feature because I don't remember what's written in the HTML4 standard.