Hello,

I have created an external CSS script, defining some properties for 2 ID selectors. I am attempting to link them to
my HTML script but they properties wont take affect.

CSS script:

HTML Code:
#TopMenuBox {
width:"500px";
height:"100px";
border:"1px solid #000";
border-radius:"50px/50px/50px/50px";
position:"absolute";
top:"7%";
left:"32%";
}

#SideMenuBox {
height: 160px;
width:65px;
border-radius:50px/50px/50px/50px;
position:absolute;
top:30%;
left:5%;
border:1px;
}
Here is the HTML link tag I am using to import the external CSS properties:

HTML Code:
<link rel="stylesheet" type="text/css" href="MainCss.css"/>
Here are the HTML tags to which the properties are to take affect:

HTML Code:
<div id="TopMenuBox" align="center">Top menu box</div>

<div id="SideMenuBox" align="center"> Side menu box </div>
Thanks in advance and I can clarify if needed.