<div class="mast">
	<a href="/" class="logo">&nbsp;</a>
	<ul class="nav">
		<li>...</li>
	</ul>
</div>

<div class="mid clearfix">&nbsp;</div>

<div class="content">

</div>

<style type="text/css" media="screen">
  .mast a.logo, .mast ul.nav {
    float: left;
    height: 300px !important;
  }

  .mast a.logo {
    display: block;
    width: 300px;
    background: url(logo.jpg) no-repeat;
  }

  .mast ul.nav {
    margin-left: 300px;
  }

  .clearfix { clear: both; }

</style>