Topic: CSS problem with div

the View

  <div class="multiple-content">
  <span class="title">
   TITLE
  <span class="legend">Inicio: DATE | Termino: DATE</span>
 
CONTENT

  </div>

the CSS

.multiple-content {
        overflow:hidden;
  padding: 10px;
  width: 300px;
  height: 100px;
  display:inline-block;
  text-align: justify;
  margin-bottom: 2em;
  margin: 10px 10px;
  border-radius: 10px;
}

See that if content has one line, the div isnt display well

Result
http://img837.imageshack.us/img837/9217/cssgt.th.jpg
Uploaded with ImageShack.us



-----

actually find the problem
IE, Firefox working well
Chrome is setting variable width depending of the div, same with height

so the browser doesnt show the 300x100 div I want it to show

Last edited by jtomasrl (2011-07-10 11:41:34)