Why is this simple CSS definition not working?

Question

HTML

<div class="span-24 last">
     Blah
</div>

Some of you might recognize that I'm using a grid system ( defined by my blueprint's grid.css)

Not working

div
{
    border: 1px solid black;
}

Working

.last
{
    border: 1px solid black;
}

What could be the problem, have I missed something important in my CSS learning ?

Anser Wiki

I got the answer to the question, I know it sounds stupid but there it is ->

I was using Eric Meyer's Reset.css, and it overrides the div's border property to 0.

You can solve this by making sure that reset.css is the first stylesheet that gets loaded.

Answer 1

I got the answer to the question, I know it sounds stupid but there it is ->

I was using Eric Meyer's Reset.css, and it overrides the div's border property to 0.

You can solve this by making sure that reset.css is the first stylesheet that gets loaded.

Answer 2

Here is a demo: http://jsfiddle.net/yzjJn/. Maybe some CSS is overriding its class...

div {
  border: 1px solid red;
}

<div class="span-24 last">
  Blah
</div>