quick css question about dashed borders on divs

[Angry Jew Cat - Banned for Life]

say i have something like this on a grey background.

#div {
width:500px;
background: white;
text-align: center;
border: 1px black dashed;
}

the dashed border goes around the outside of the white div with grey in between the dashes. is there a way i can have the blacked dashed line over the white background so it is a white and black dashed border as opposed to a black and grey dashed border? know what i'm sayin?

[Swish]

try adding a 1px margin to all sides of the div

[Angry Jew Cat - Banned for Life]

doesn't seem to do it. i'd rather not have to set it inside another div just to get the look i'm wanting here.

[Deej]

hrmm, should be able to use negatives... or... use a 1 pixel gif as your background and make the negative margins

tada

[Deej]

hrmm, should be able to use negatives... or... use a 1 pixel gif as your background and make the negative margins

tada

this actually might not work since youre dealing with your border...

but hey... its a lead

[Deej]

div in div... has to be

theres nothing at all wrong with double divisions...

[Angry Jew Cat - Banned for Life]

div in div... has to be

theres nothing at all wrong with double divisions...

nah, thats what i went ahead and did in the end. was just hoping there'd be a simpler way.

[wdforty]

yeah nested divs is the way to go

[Basic_man]

div in div... has to be

theres nothing at all wrong with double divisions...

That was my solution!

A white DIV higher than your original DIV