Box Model Hack question (separate from my other thread)

[jag5311]

On this page,
http://tantek.com/CSS/Examples/boxmodelhack.html

Is it saying,

div.content { 
  border:20px solid;
  padding:30px;
  background: #ffc;
}

to be separate from

div.content { 
  width:400px; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:300px;
}

or should it be like this

div.content { 
  border:20px solid;
  padding:30px;
  background: #ffc;
  width:400px; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:300px;
}

Thanks
Bryan

[Paul O'B]

Hi Bryan,

Basically it would make no difference as they are both defining the same style.

However theres no point in separating them so they should be in the same rule in the order specified.

(The voice family hack comes at the end of the style with only the styles for compliant browsers following. The voice family hack is the point where ie5 5.5. will crash out of the style failing to read any following definitions. So if you place the hack at the beginning of the style definition then none of the following definitions will be read.)

Paul

[jag5311]

That is what I was thinking, but wanted to make sure on the safe side.

Thanks Paul