css broswer problem

[sidhighwind]

Hello. i am having a problem with some css. If you look at the attached picture you will see that the boxes are larger than the images. They are all suppost to be 155px. the images are 155 but the box is not. it only happens in mozilla. here is the code that makes the box.


<div id="box" class="sidetile">
<div class="sidetileheadline" id="headline">About Sweetwater</div>
<div id="button" class="sidetileinsidecat">
<ul id="catnav">
<li><a href="/click/hsn/b20">Why Sweetwater?</a></li>
<li><a href="/click/hsn/b21">Our History</a></li>
<li><a href="/click/hsn/b22">Pricacy Statement</a></li>
<li><a href="/click/hsn/b23">Link Us to Your Site!</a></li>
<li><a href="/click/hsn/b24">Events & Seminars</a></li>
<li><a href="/click/hsn/b25">Customer Comments</a></li>
<li><a href="/click/hsn/b26">Contact Us</a></li>
<li><a href="/click/hsn/b27">Jobs</a></li>
<li><a href="/click/hsn/b28">Awards</a></li>
<li><a href="/click/hsn/b29">Help</a></li>
</ul>
</div>
</div>


here is the css code for it


<style type="text/css">
#box {
margin-bottom: 3px;
width: 155px;
}
.sidetile {
background-color: #0B1DC7;
padding: 2px 2px 2px 2px;
}
.sidetileinside, .sidetileinsidecenter, .sidetileinsidecat {
background-color: #ECF3FB;
color: black;
font: normal 10px Verdana, Aria, Helvetica;
}
.sidetileinside, .sidetileinsidecenter {
padding: 3px;
}
.sidetileinsidecenter {
text-align: center;
}
.sidetileheadline {
color: white;
font: bold 12px Verdana;
padding-bottom: 3px;
padding-top: 3px;
}

/* blue button */
#button {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
background-color: #ECF3FB;
color: #000;
}
#button ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#button li {
margin: 0;
}
#button li a {
display: block;
padding: 3px;
background-color: #ECF3FB;
width: 100%;
}

html>body #button li a {
width: auto;
}

#button li a:hover {
background-color: #A0DAFF;
}
</style>


Can some one please help me. This is driving me crazy.

Thanks in advance!

[sidhighwind]

ok never mind about this. I got it figured out!

[DVD Plaza]

You using a notebook with Windows & ClearType? That text looks like ClearType - I love ClearType. So smooth you could wipe you ... with it :)

[Scott MacVicar]

I love it too.

http://www.microsoft.com/typography/cleartype/tuner/1.htm

for anyone wanting to know how to turn it on

[Faruk]

As a website developer I always have font smoothing effects disabled, otherwise I will get a prettier impression from my site than many people will see, and that can skew my design's quality feel :)

[sidhighwind]

actually i'm using a dell demintion 4050 2.0 ghz running dual monitors and windows xp. i wish i had a laptop...