test

test.css

/*
div.tabbed {
  position: relative;
  font-size: 0;
}

div.tabbed > a {
  display: inline-block;
  padding: .5em;
  font-size: 16px;
  border-radius: 3px 3px 0 0;
  background-color: #333;
  color: #eee;
  text-decoration: none;
  line-height: 1em;
}

div.tabbed > a + a {
  margin-left: .5em;
}

div.tabbed > a:target {
  color: #333;
  background-color: #eee;
}

div.tabbed > a > div {
  position: absolute;
  top: 100%;
  left: 0;
  width: 300px;
  padding: .5em;
  border-radius: 0 3px 3px 3px;
  display: none;
  color: #333;
  background-color: #eee;
}

div.tabbed > a:hover > div {
  display: block;
}
*/

.Page {
  width: 1024px;
  margin: 0 auto;
  background: #ddd;
}

.h-Jobs {
  position: relative;
  min-height: 500px;
}

.h-JobsTitle {
  display: block;
  width: 30%;
  padding: 1em;
  background: blue;
  margin-bottom: 10px;
  color: #fff;
}

.h-JobsTitle:hover + .h-JobsContent {
  display: block;
}

.h-JobsContent {
  display: none;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 30%;
  background: #eee;
}