Background Music

[brit81]

Hi guys,

again a question.
I read that it´s possible to play some music in the background.
I wanted to try it, but I was not able to get it work.

I have place to host my music (that´s the link: http://www.koolfiles.com/files/Rolling_Stones_-_Has_Anybody_Seen_My_Baby.mp3), I know the code to put it in (http://www.example.com/useraccount/soundfile.mid" loop=1>), but it´s not working..

If you need to know, that´s my css:

/*general stuff*/

body{
background-color:#EFF2DC;
}

#header{
background-image:url(http://i163.photobucket.com/albums/t289/Jeth81/Community/newbanner.png);
width:906px;
height:206px;
margin:20px 0px ;
}
#content-inner{
background-color:#fff;
width:900px !important;
border-width:2px;
border-color:#9e6c23;
border-style:solid;
-moz-border-radius:3px;
}

#container{
width:906px !important;
margin:0px auto !important;
}

/*sidebars and maincontent*/
.layout-wtt #beta {
    left: 0px !important;
float:right;
width:150px;
margin:10px;
}

.layout-wtt #gamma {
    right: 0px !important;
float:left;
width:150px;
margin:10px;
}

.layout-wtt #alpha{
width:550px !important;
left:0px !Important;
border-width:0px 2px 0px 0px;
border-color:#9e6c23;
border-style:solid;
margin:10px 0px;
}

#alpha, #beta, #gamma{
color:#000;
}

#header-name, #header-description{
display:none;
}

/*Navigation*/

ul.nav{
position:absolute;
top:180px;
left:100px;
}
ul.nav a{
font-size:12pt !important;
color:#9e6c23;
font-weight:bold;
text-decoration:none;
font-variant:small-caps;
}

ul.nav a:hover{
font-size:12pt !important;
color:#6F3410;
font-weight:bold;
text-decoration:none;
font-variant:small-caps;
}

/*removes border between links*/

.item {
border:0 !important;
}

/*links*/

a{
color:#9e6c23;
text-decoration:none;
}

a:hover, .widget-header a:hover{
color:#6F3410;
text-decoration:none;
}

/*sidebar comments and calendar-day title*/

.widget-header, .comments-header, .day h2{
font-size:11pt;
color:#9e6c23;
font-weight:bold;
font-variant:small-caps;
}

/*other random stuff*/

.asset-meta-comments a{
color:#9e6c23 !important;
font-size:8pt;
}

.asset-footer{
height:20px;
}

.asset-tags-header{
font-weight:bold;
}

blockquote{
background-color:#E9DB9F;
padding:4px;
text-align:justify;
}

/*icon in posts*/

.user-icon{
text-align:center;
}
.user-icon img{
padding:2px;
border:1px solid #9e6c23;
}

/*date and time*/

.datetime{
color:#E9DB9F;
font-weight:bold;
}

/*sidebar stuff*/

.archive-widget li{
list-style-type:decimal !important;
}
.typelist-widget{
font-variant:small-caps;
}

.about-me-widget .user-pic img{
padding:2px;
border:1px solid #9e6c23 !important;
}
.about-me-widget .widget-content{
text-align:center;
}

.asset-name{
font-variant:small-caps;
font-size:14pt;
}

.customtext-widget .widget-inner{
text-align:justify;
}

/*calendar page*/

.yeartable .yearday{
background-color:#E9DB9F !important;
}

/*devider between entries*/

.widget, .asset{
border-bottom:1px solid #9e6c23 !important;
margin-bottom:15px;
}

/*comment page stuff*/

.comment-date{
font-weight:bold;
font-size:10pt;
margin-bottom:10px;
}

.quickreply table, .comment-even, #qrform table{
border:1px solid #9e6c23 !important;
}

.prevnext{
color:#fff;
}

/*makes large images stay in the layout*/

.asset-body{
overflow-x:auto;
overflow-y:hidden;
}

I tried several things, but nothing was right.
I hope you can help me out with that..

Thanks in advance!