Min-Height:' not working

[shank888]

My minimum height is not working on my page: http://communitycouch.com/index.php?action=viewboard&board=1a

It use to be working, am I blind and missing something simple? or am I dumb?

 

MY CSS IS HERE:

/** Forum CSS for thread view **/
div.thrd_borders {
width: 868px;
border-left: 1px solid #6498D5;
border-right: 1px solid #6498D5;
}
div.thrd_container_withline {
position: relative;
width: 868px;
height: 28px;
min-height:28px;
border-bottom: 1px solid #C3C8CC;
}
div.thrd_container_noline {
position: relative;
width: 868px;
height: 28px;
min-height:28px;
}
div.thrd_image_container {
width: 26px;
height: 28px;
min-height:28px;
border-right: 1px solid #C3C8CC;
position: absolute;
top: 0px;
left: 0px;
}
div.thrd_image_alignment {
width: 16px;
height: 16px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
}
div.thrd_subject_WithoutPages {
width: 525px;
height: 28px;
min-height: 28px;
border-right: 1px solid #C3C8CC;
position: absolute;
top: 0px;
left: 27px;
text-align: left;
line-height: 28px;
}
div.thrd_subject_WithPages {
width: 525px;
height: 28px;
min-height:28px;
border-right: 1px solid #C3C8CC;
position: absolute;
top: 0px;
left: 27px;
text-align: left;
}
div.thrd_Replies_container {
width: 60px;
height: 28px;
min-height:28px;
border-right: 1px solid #C3C8CC;
position: absolute;
top: 0px;
left: 553px;
}
div.thrd_RepliesAndViews_CountAlignment {
width: 100%;
height: 1em;
position: absolute;
top: 50%;
left: 0px;
margin-top: -0.3em;
}
div.thrd_RepliesAndViews_TitleAlignment {
width: 100%;
position: absolute;
left: 0px;
top: 0px;
}
div.thrd_Views_container {
width: 60px;
height: 28px;
min-height:28px;
border-right: 1px solid #C3C8CC;
position: absolute;
top: 0px;
left: 614px;
}
div.thrd_LastPost_container {
width: 193px;
height: 28px;
min-height:28px;
position: absolute;
top: 0px;
right: 0px;
text-align: left;
}

 

 

My HTML IS HERE:

  <div class='thrd_borders'>
            <!-- Begin individual thread -->
            <div class='".thrd_container_withline."'>
              <div class='thrd_image_container'>
                <div class='thrd_image_alignment'><img src="gfx/skin1/f-icon/n-post.png">        </div>
              </div><div class='thrd_subject_WithoutPages'>
          <a href='index.php?action=viewthread&board=1a&thread=22e23b8fe5257b4572efcac9095a392a'>wooo test</a>
          <font class='frm_SmallTextLabels'>Created by: Shank</font><div class='frm_adminfunctions'>
          <a href='index.php?action=delthread&board=1a&thread=22e23b8fe5257b4572efcac9095a392a'>[delete]</a>
        </div></div>        <div class='thrd_Replies_container'>
                <div class='thrd_RepliesAndViews_CountAlignment'>
                1
                </div>
                <div class='thrd_RepliesAndViews_TitleAlignment'>
                <font class='frm_SmallTextLabels'>Replies</font>
                </div>
              </div>
              <div class='thrd_Views_container'>
                <div class='thrd_RepliesAndViews_CountAlignment'>1        </div>
                <div class='thrd_RepliesAndViews_TitleAlignment'>
                <font class='frm_SmallTextLabels'>Views</font>
                </div>
              </div>
              <div class='thrd_LastPost_container'>
                <font class='frm_SmallText'>
                Last post by <i>Shank</i><br />
                Dec 20, 2011 @ 9:36 pm
                </font>
              </div>
            </div>

[scootstah]

Which element is the problem one?

[shank888]

thrd_subject_WithoutPages

 

how ever it should look like this: http://communitycouch.com/index.php?action=forum

[AyKay47]

the min-height is working appropriately, the div looks like that because you have specified it to be position absolute, taking it out of the dom flow, and giving it that scrunched look

[shank888]

the min-height is working appropriately, the div looks like that because you have specified it to be position absolute, taking it out of the dom flow, and giving it that scrunched look

 

I have tried switching up the positioning and still have some errors: http://communitycouch.com/index.php?action=viewboard&board=1a

 

I tried fooling around with a bit and cannot find anything... It use to work 100% fine for all browsers :S

[shank888]

I added the CSS reset as suggested in one of the stickies .  I have managed to fix some errors in other pages but this one still seems to get me anyways changed the code as follows (not many changes):

 

/** Forum CSS for thread view **/
div.thrd_borders {
width: 868px;
border-left: 1px solid #6498D5;
border-right: 1px solid #6498D5;
}
div.thrd_container_withline {
position: relative;
width: 868px;
height: 28px;
min-height:28px;
border-bottom: 1px solid #C3C8CC;
}
div.thrd_container_noline {
position: relative;
width: 868px;
height: 28px;
min-height:28px;
}
div.thrd_image_container {
width: 26px;
height: 28px;
min-height:28px;
border-right: 1px solid #C3C8CC;
position: relative;
top: 14px;
left: 0px;
}
div.thrd_image_alignment {
width: 16px;
height: 16px;
position: relative;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
}
div.thrd_subject_WithoutPages {
width: 525px;
height: 28px;
min-height: 28px;
border-right: 1px solid #C3C8CC;
position: relative;
top: 0px;
left: 27px;
text-align: left;
line-height: 28px;
}
div.thrd_subject_WithPages {
width: 525px;
height: 28px;
min-height:28px;
border-right: 1px solid #C3C8CC;
position: relative;
top: 0px;
left: 27px;
text-align: left;
}
div.thrd_Replies_container {
width: 60px;
height: 28px;
min-height:28px;
border-right: 1px solid #C3C8CC;
position: absolute;
top: 0px;
left: 553px;
}
div.thrd_RepliesAndViews_CountAlignment {
width: 100%;
height: 1em;
position: absolute;
top: 50%;
left: 0px;
margin-top: -0.3em;
}
div.thrd_RepliesAndViews_TitleAlignment {
width: 100%;
position: relative;
left: 0px;
top: 0px;
}
div.thrd_Views_container {
width: 60px;
height: 28px;
min-height:28px;
border-right: 1px solid #C3C8CC;
position: absolute;
top: 0px;
left: 614px;
}
div.thrd_LastPost_container {
width: 193px;
height: 28px;
min-height:28px;
position: absolute;;
top: 20%;
right: 0px;
text-align: left;
}