Question : border around video

Hi,

I was wondering what would be the best way to put a solid border around my video the colours i want to add are #72B242 and #FFF

here is the code attached and the web page is

thank you for taking the time to look

http://haughtons.actionit.ie/one.html 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Haughton Exhibitions</title>
<style type="text/css">
<!--
.container {
	height: 768px;
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	background-color: #D2D3D5;
	background-image: url(testing.jpg);
}
.menu {
	height: 50px;
	width: 870px;
	padding-top: 40px;
	padding-left: 60px;
	font-size: 24px;
}
.content {
	width: 640px;
	height:550px;
	float: left;
	padding-left:60px;
}
.content2 {
	width:268px;
	height:550px;
	float: right;

}
body {
	background-color: #D2D3D5;
}
.container .content2 table {
	text-align: right;
}
.containright {
	right: auto;
}
tr th {
	text-align: right;
}
body,td,th {
	color: #72B242;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.container1 {
	right: auto;
}
.test {
	border: medium solid ##72B242;
}

-->
</style>
</head>

<body>


<div class="container">
  
  <div class="menu">Haughton Exhibitions LTD</div>
<div class="content">
<div id="container1">
<a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this rotator.</div>
	<script type="text/javascript" src="swfobject.js"></script>
	<script type="text/javascript">
		var s1 = new SWFObject("imagerotator.swf","rotator","600","340","1");
		s1.addParam("allowfullscreen","true");
		s1.addVariable("file","madrid.xml");
		s1.addVariable("width","600");
		s1.addVariable("height","340");
		s1.write("container1");
	</script></div>
<div class="content2"><table width="100" border="0" cellspacing="0" cellpadding="0">
  <tr>
    
  </tr>
</table>
  <table width="100" border="0" cellspacing="0" cellpadding="0">
    <tr>
      
      </tr>
  </table>
Content 2</div>

</div>
</body>
</html>

Answer : border around video

replace your container1 ID with this code and it will work
1:
2:
3:
4:

#container1  {
border:5px solid #72B242;
float:left;
}
Random Solutions  
 
programming4us programming4us