Master Pages: Overriding header content
I am building a site that uses nested master pages. I want to use a separate style sheet on the nested master. I found info on how to override the master page content and have tried to implement it, but the css on the nested page is not being recognized (it's pulling the css being used on the master page instead). The code I currently have is below. I have a feeling it is a simple fix but I've been looking at it for so long I can't see the forest for the trees!
MASTER PAGE HEAD ELEMENT:
<head runat="server" id="Head1">
<asp:contentplaceholder id="headContent" runat="server">
<title>Old Mutual Financial Network</title>
<link id="omfnstyle" href="omfn.css" rel="stylesheet" type="text/css" />
NESTED MASTER PAGE HEAD PLACEHOLDER:
<asp:Content id="EspanolHeadContent" ContentPlaceHolderID="headContent" runat="server">
<title>OMFN: En Espa#241;ol </title>
<link href="~/espanol/espanol-spanish.css" type="text/css" rel="stylesheet">
Note: the css the nested page refers to is inside of another directory. However, the nested master page is in the top level directory.