Inline div

[Echilon]

I'm having problems getting inline divs to display properly. I want the orange coloured <div>s to display as they do in picture 1, but in the position in picture two. I need them to have a set width and height. If I use either 'display: inline' OR 'position: relative', but not both, they display with the right dimensions, but in the wrong place. As soon as I set 'display: inline' and 'position: relative', they show as in picture two.


Pic1: Wrong place, right dimensions (Display: inline)


Pic2: Right place, wrong dimensions

Code: Select all

<td class="day">
<div class="weekevent" style="left: 104px">&nbsp;</div>
</td>

.weekevent{
      position: relative;
   height: 32px;
   width: 80px;
   top: 0px;
   display: inline;
}

Full code can be seen at http://thanatos.nu/aurum/index.php?v...th=1&year=2006