linking a div

I am trying to have the four widgets on the home page individual links. When I wrap the div with an anchor however the divs lose the styling.

i’ve removed the anchor but this this is what i had.

<a href=""><div class="grid col-300">
        <?php macrodiver_widgets(); // above widgets hook ?>

            <?php if (!dynamic_sidebar('home-widget-1')) : ?>
            <div class="widget-wrapper">

                <div class="widget-title-home"><h3><?php _e('Home Widget 1', 'macrodiver'); ?></h3></div>
                <div class="textwidget"><?php _e('This is your first home widget box. To edit please go to Appearance > Widgets and choose 6th widget from the top in area 6 called Home Widget 1. Title is also manageable from widgets as well.','macrodiver'); ?></div>

			</div><!-- end of .widget-wrapper -->
</a>

			<?php endif; //end of home-widget-1 ?>