Gaiaonline Layout, Trying to hide the unhidable! Options

[SortedDetails]

I'm at my wits end, CB! I'm trying to hide "viewing x of x comments".
It's ugly, and I don't care to know how many I have really.
I couldn't think of anything else to try! So, here I am, asking for help from the best possible place. Seriously, I don't ask anyone else for design help anymore. <3 CB
Below is the link and code for the layout. Some code is unnecessary and not removed yet. So bleh.

Syrinx's Gaia Profile

CODE

body {
background-image: url(http://i218.photobucket.com/albums/cc118/Syrinxie/GaiaStuff/ohshclayout_repeat2.png);
background-repeat: repeat;
background-color: #E73484;
}
#site {
margin-left: auto;
margin-right: auto;
width:644px;
height: 932px;}


#content {
background: url(http://i218.photobucket.com/albums/cc118/Syrinxie/GaiaStuff/ohshclayout_repeat.png) repeat-y;
border: 0px;
width: 664px;
height:500%;
}

#content #main {
border-left-width: 0px;}

#content,#site {
padding:0px;
margin-bottom:0px;}


#profile {
position: absolute;
left: 40px;
height:155px;
top:450px;
background-color:transparent;
}

#profile .items {
display:none;}

#profile .avatar {
left:10px;}

#bar {
background:transparent;
position: absolute;
top:160px;
Width: 80px;
left:16px;  
display:none}

#bar #addButton a:hover {
background:transparent;}

#bar #msgButton a:hover {
background:transparent;}

#bar #tradeButton a:hover {
background:transparent;}

#bar #ignoreButton a:hover {
background:transparent;}

#bar #onlineButton a:hover {
background:transparent;}

#bar #offlineButton a:hover {
background:transparent;}

#bar #hiddenButton {
display: none;}

#bar #onlineButton {
background-image: url(http://www.nana-tootsie.com/Graphics/Gaia/online.jpg);}

#bar #offlineButton {
background-image: url(http://www.nana-tootsie.com/Graphics/Gaia/offline.jpg);}

#bar #addButton {
background-image: url(http://www.nana-tootsie.com/Graphics/Gaia/add.jpg);}

#bar #msgButton {
background-image: url(http://www.nana-tootsie.com/Graphics/Gaia/pm.jpg);}

#bar #tradeButton {
background-image: url(http://www.nana-tootsie.com/Graphics/Gaia/trade.jpg);}

#bar #ignoreButton {
background-image: url(http://www.nana-tootsie.com/Graphics/Gaia/iggy.jpg);}


#comments {
overflow: hidden;
position:absolute;
left:388px;
top:700px;
width:179px;}

#comments .caption {
margin-left: auto;
margin-right: auto;
width: 175px;}

#comments .caption2 {
margin-left: auto;
margin-right: auto;
width: 175px;}

#comments .caption .message {
background-image: url(none);
color: #000000;}

#comments .caption2 .message {
background-image: url(none);
color: #000000;}

#comments .caption {
background-image: url(none);
background-color:#F995AF;}

#comments .caption2 {
background-image: url(none);
background-color:#F995AF;}

#comments .links {
font-face:verdana;
color: #000000;
text-decoration: none;}

#comments .links a  {
font-face:verdana;
color: #000000;
text-decoration: none;}

#comments .links a:hover {
font-face:verdana;
color: #393769;
text-decoration: bold;}

#comments .caption:before {
display: none;}

#comments .caption:after {
display: none; }

#comments .caption2:before {
display: none; }

#comments .caption2:after {
display: none; }

.message a {
background-color: #8ADAD1;
color: black;
border: 1px solid #F7BAD6;
text-decoration: none;
font-style:bold;}

.message p {
background-color: #F9FB7C;
width: 180px;
color: #4CA9E1;
font-family:georgia;
font-size: 10px
text-decoration: none;
display: block;
height: 20px;
}

#comments dl dt {
padding-top: 0px;
}

#wishlist  {
overflow:auto;
position:absolute;
top:555px;
left:85px;
width: 390px;
height:70px;}

#wishlist img {
background-color: #CAD4B2;}

#wistlist .items  {
background-color: #CAD4B2;}

#wishlist .questing  {
background-color: #CAD4B2;}

#wishlist .bought  {
background-color: #CAD4B2;}

#wishlist .donated  {
background-color: #CAD4B2;}

#friends {
position: absolute;
overflow:auto;
margin-left:310px;
margin-right:0px;
margin-top:458px;
margin-bottom:0px;
width:165px;
height:172px;
text-align: center;
border: 1px solid black;
display:none;}

#friends p {
background-color:#D6EBBD;
}

#friends a {color: #000000; text-decoration: none;}
#friends h2  {border: 0px;}
#friends #friendGroup {
border: 0px;}

#friends #friendGroup li {
border: 0px;
margin-left:30px;}

#friends #friendGroup img  {
border: 0px;}

#about ol {
position: absolute;
top: 0px;
*top:24px;
left: -8px;
*left: -10px;
width:664px;
height:460px;}

#about ol ol {
postion: absolute;
top: 405px;
width: 180px;
height:179px;
left:404px;}

#about ol ol a, #about ol ol a:link, #about ol ol a:visited, #about ol ol active {
background-image: url();
background-color: #F9FB7C;
background-postion: top left;
background-repeat: repeat-x;
width: 160px;
text-align: right;
color: #4CA9E1;
font-weight: bold;
font-style: bold;
font-family:georgia;
font-size: 10px
text-decoration: none;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #51DD66;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #51DD66;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #51DD66;
border-right-width: 15px;
border-right-style: solid;
border-right-color: #51DD66;
display: block;
height: 20px;
line-height: 20px;
padding-left: 5px;
}

#about ol ol a:hover {
background-image: url();
background-color: #4CA9E1;
background-postion: top left;
background-repeat: repeat-x;
width: 160px;
text-align: right;
color: #F9FB7C;
font-weight: bold;
font-style: bold;
font-family:georgia;
font-size: 10px
text-decoration: bold;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #51DD66;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #51DD66;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #51DD66;
border-right-width: 15px;
border-right-style: solid;
border-right-color: #51DD66;
display: block;
height: 20px;
line-height: 20px;
padding-left: 5px;
}
a:active, a:hover, a:link, a:visited {
text-decoration: none;
}

#profile, #about, #friends, #journal, #comments, #multimedia, #signature, #wishlist, #main, #section, #details {
background: transparent;
border: 0;}

#about .links {display: none;}
#details {display: none;}
#journal {display:none;}
#multimedia {display:none;}
#signature {display:none;}
h2{display:none;}
#comments dl dt.avatar img {display:none;}
#comments dl dt.avatar2 img {display: none;}
#extendedProfileBody #header h1 {display: none;}
#alerts_banner {display: none;}
#comments .admin li {display: none;}
#comments .section p{display:none;}

#comments p.date{
width: 179px;
background-color: #51DD66;
display: block;
width: 180px;
color: #fff;
text-align: center;
margin-left: -12px;}

[libertie]

Yeah, I've run into this before - you'd have to make it invisible, first:

CODE

#comments p {
visibility: hidden;
}

And then make everything else in the comments section visible:

CODE

#comments .message p {
visibility: visible;
}