Cascading Style Sheets

how get div to surround chart created with absolute elements?

I have a page which displays a genealogical pedigree chart. It uses absolutely positioned boxes for people and for the lines that connect the boxes.
http://mykindred.com/cloud/dna/results/pedchart.php

The page works fine, but I want to use it in a different context -- I want to include it inside surrounding content for a presentation.

Is there some way to create a div to surround this content?

The code for the page is large, so I won't post it here, but the CSS is below

Centering text vertically and horizontally using CSS

So, I am trying to centre overlay text on my homepage slider using CSS.

I have managed to write the code below which centres my current text, however if I add another slide with shorter text, the text is no longer centred.

Also, in Firefox the text is slightly off centre.

Website is http://www.lemezanfridel.com

Can anyone see where I'm going wrong?

Thanks!

body.home .caption {
	margin: -50px 0 0 -50px;
	left: 13%;
	top: 50%;
	right: auto;
}
 
body.home .caption p {
	height: 50px;
	padding: 20px 40px;

HOW DO I MAKE THIS RESPONSIVE???

HOW DO I MAKE THIS RESPONSIVE??? ↓
Help PLS!
http://nordagri.com/test/wp-content/themes/dazzling/headflip/index.html

Expanding List

Ok so ive got as far as making the list work and half look how I want it to, my problem is i cant seem to change the colour of the hyperlinked text from blue to black and also I dont want the hyperlinked text underlined.

Here is my full code so far...

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.-->
<script>var __adobewebfontsappname__="dreamweaver"</script>

Unknown bullet list in a wordpress site

In the footer of this site there's a black circle bullet list close to the twitter link (down on the right of the site). I have tried to remove it, but I hasn't been able. It's a wordpress site and the code in footer.php is this:

<div id="footer-level-2">
 
        		<div class="wrapper clear">
 
	        		<ul>
	        			<?php dynamic_sidebar( 'Contactarea' ); ?>
	        			<!-- #disclaimer -->	
 
		        		<?php //dynamic_sidebar( 'footer-level-2' ); ?>
	    <p id="social">	        			

Syndicate content