Peculiar CSS results

Using the EasyColor theme, but receive the same results no matter what theme.

To order and label item fields the way we want, rather than using "<?php echo display_files_for_item(); ?>" we are defining each field. For example, for title: <?php echo item('Dublin Core', 'Title'); ?>.

For items in the following collection:

http://library.gc.cuny.edu/34th_st/

why are the fonts for subjects appearing larger than the other fields, despite having the same CSS tags:

<div class="element-text">
<div id="item-tags" class="element">

Interestingly, according to Web Developer Toolbar style tag applied for subjects is ul .subject-list>li subject. And for all other fields div #item-tags.element.

Here is more of my show.php page for the description and subject fields:

<div class="element-text">
<div id="item-tags" class="element">
<h4><b>Description:</b></h4>
<?php echo item('Dublin Core', 'Description'); ?>
</div></div>

<div class="element-text">
<div id="item-tags" class="element">
<?php
$subjects = item('Dublin Core', 'Subject', 'all');

if (count($subjects) > 1):

?>
</div></div>

<div class="element-text">
<div id="item-tags" class="element">
<h4><b>Subjects:</b></h4>
<ul class="subject-list">
<?php foreach ($subjects as $subject): ?>
<li class="subject">
<?php echo $subject; ?>

<?php endforeach; ?>

<?php endif; ?>
</div></div>

Yep. You're outputting your subjects in a ul, while your other elements are directly inside a div only.

The reason you're seeing bigger text is that your ul style includes font-size: 1.5em, which will make text 50% bigger than it would have been outside the ul.